﻿/* CSS Document */

/*
Theme Name: Sanepar
Theme URI: http://www.inundaweb.com.br
Author: Inundaweb
Author URI: http://inundaweb.com.br/
Description: Criado pela Agencia Inundaweb
Version: 1.1
------------------------------------------------
Alterações e segunda versão: Andréia C P de Lara
Versão 2.0 - Nova estrutura da home/topo/rodape
---------------------------------------------- */

@charset "utf-8";
@import url('extensao.css');
* {	margin:0; 	padding:0;	border:none;	outline:none;}
*dl, dt, dd { margin:0; padding:0if;}
html, body { height: 100%;	min-width: 1080px;	background:#f8f8f8;	font-family:Arial, Helvetica, sans-serif;}

#wrap {	min-height: 100%;	width: 100%;}
#main { padding-top: 15px;
	/*padding-bottom: 1200px; - must be same height as the footer 
	overflow:auto;
	clear:both;*/}
#main.bg { background:url('img/page-sanepar/back.jpg') center top;}

.tabs {	float:left;	margin-bottom:15px;	width:100%;	}

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	/*margin-top:-32767px;*/
}
@font-face {
 font-family: 'kalinga';
 src: url('fonts/kalinga-webfont.eot');
 src: url('fonts/kalinga-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/kalinga-webfont.woff') format('woff'), url('fonts/kalinga-webfont.ttf') format('truetype'), url('fonts/kalinga-webfont#kalinga') format('svg');
 font-weight: normal;
 font-style: normal;
}

@font-face {
 font-family: 'greatvictorian'; 
 src: url('fonts/greatvictorian/GreatVictorian-Standard.otf'), url('fonts/greatvictorian/GreatVictorian-Standard.eot');
}

#content_inner .residuos-conteudo  ul li {
	color:#818181;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:22px;}
	
p, .page-node .node li{
	margin: 9px 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#818181;
	line-height:22px;
	font-weight:normal;
}
a {
	text-decoration:none;
	color:#2367D2;
	font-weight:normal;
}
a:hover {
	text-decoration:underline;
}
.hover_imagem {
	background:transparent url(img/hover_imagem2.png);
	position:absolute;
	z-index:0;
}

h3 {font-size: 18px; font-weight: bold; font-family: "Trebuchet MS";}
h5 {font-size: 18px; color: #135995; margin:1em 0;}
h6 {font-size: 13px; color: #135995; margin: 1em 0 0 0;}

.page-node th{
	background: #135995;
    color: #fff;
    padding: .5em 0;}
	
#dias-passados table tr td, #dias-passados table tr th {
    color: #aaa !important;
    background: #efefef !important;
}

/*TOPO*/

#header {width:100%;}

#header_in {		
	height:117px;	
	background:url(img/topo.jpg) repeat-x;
	/*background:url(img/topoRosa.jpg) repeat-x;  outubro rosa */
}

.topo{	
	width:1020px;
	margin:0 auto;
	position:relative;
}

.acesso {width: 270px; font-size: 9px;}
.acesso a {color: #f8f8f8; cursor: default; text-decoration: none}

.contato{
	font-size: 12px;
	text-align:right;
	display:block;
	width: 1000px;
	margin: 0 auto;
	color:#5281c9;
	 /*color:#DF81B0; outubro rosa */
	overflow: hidden;
	padding: 0 .6em 0.6em 0;
	text-transform: uppercase;
	
}
.contato ul {list-style: none; margin: 0}
.contato ul li{ 
	float:right; 
	list-style: none !important;
	padding-left: 20px;
	background: url(img/pipe.gif) no-repeat;
	/*background: url(img/pipeRosa.gif) no-repeat;  outubro rosa */
	}

.contato a {/*color:#DF81B0;  outubro rosa */}
	
.logo_position {
	float:left;
	width: 560px;
	display:block;
	margin-top:20px;
	margin-left: 8px;
    height: 97px;
}

tbody{border:0}

.inf_ex {
	float:right;
	font-family:'kalinga';
	color:#FFF;
	font-size:12px;
	margin-top:6px;
    width:475px;
}
.inf_ex span {	float:left;}
.inf_ex a {
	font-family:'kalinga';
	color:#FFF;
	font-size:12px;
	display:block;
	float:left;
	margin-left:15px;
}
.inf_ex a:hover {
	color:#f1f1f1;
	text-decoration:underline;
}
.inf_ex a img {
	float: left;
	margin-right: 5px;
}
#searchform, #search-block-form {}
#edit-search-block-form-1-wrapper{
	width: 275px;
	overflow: hidden;
	float: left;
	margin-top: 40px;
}
#searchform input, #search-block-form input {
	background: #E6EAF1 url(img/lupa.png) 8px center no-repeat;
	color: #afafaf;
	padding:9px 78px 9px 45px;
	width:100%;
}
#searchform #searchsubmit, #search-block-form .form-submit {
	background: white;
	color: #5280C9;
	 /*color: #b05e91;outubro rosa */
	background-image: none !important;
	padding: 4px;
	position: relative;
	cursor: pointer;
	top: 43px;
	width: 34px;
	height: 28px;
	float: left;
	right: 37px;
}
#searchform #searchsubmit:hover, #searchform .form-submit:hover {	background:#f6f6f6;}

#header_in .serviços_a {
	width: 450px;
	float: left;
	position: absolute;
	left: 524px;
	top: 50px;
}
.serviços_a a {
	color: white;
	text-transform: uppercase;
	display: block;
	width: 120px;
	float: left;
	font-size: 12px;
	font-family: kalinga;
	margin-right: 20px;
}
.serviços_a a:hover {
	color:#FFF;
	text-decoration:underline;
}
.serviços_a a img {
	float:left;
}
.parana {
	float:right;
	margin-right: 6px;
}

/*TOPO*/
/*MENU*/

#menu{
    background-color: #5280C9;    
    display: inline-block;
    margin: 0 auto;
    width: 100%;
    z-index: 999;
    position: relative;
}

.menu_inner {
	width:1015px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
.menu_inner img {float:left; margin-left: 130px; margin-right: 6px;}
.menu_inner > img#separador {margin-left: 48px;}
.menu_inner #principal li {	float:left;	list-style:none;}
.menu_inner #principal li a, .menu_inner .idioma a {
	color: white;
	font-family: kalinga;
	font-size: 11px;
	padding:10px 10px 9px 10px;
	display: block;
	margin-top:1px;
	text-transform:uppercase;
	text-decoration:none;
}
.menu_inner #principal li:hover, .menu_inner .idioma:hover {
	background:#315b9f;
	/*background: #C75E92; outubro rosa */
	text-decoration:none;
}
.menu_inner #perfil {	float:left;	width:360px;}
.menu_inner #perfil a {	padding: 8px 8px 11px 8px;	margin-left:1px;	display: block;}

.menu_inner #perfil li.clientes_t:hover{	background:#226b74;}
.menu_inner #perfil li.clientes_t:hover a{	color:#FFF;	text-decoration:none;}
.menu_inner #perfil li.clientes_t ul li a:hover{	background:#226b74;	color:#FFF !important;}

.menu_inner #perfil li.prefeituras_t:hover{	background:#40b688;}
.menu_inner #perfil li.prefeituras_t:hover a{	color:#FFF;	text-decoration:none;}
.menu_inner #perfil li.prefeituras_t ul li a:hover{	background:#40b688;	color:#FFF !important;}

.menu_inner #perfil li.investidores_t:hover{	background:#86a6d9;}
.menu_inner #perfil li.investidores_t:hover a{	color:#FFF;	text-decoration:none;}
.menu_inner #perfil li.investidores_t ul li a:hover{	background:#86a6d9;	color:#FFF !important;}

.menu_inner #perfil li.fornecedores_t:hover{	background:#d8b61a;}
.menu_inner #perfil li.fornecedores_t:hover a{	color:#FFF;	text-decoration:none;}
.menu_inner #perfil li.fornecedores_t ul li a:hover{	background:#d8b61a;	color:#FFF !important;}

.menu_inner #perfil li {	float:left;	list-style:none;}
.menu_inner #perfil li a {	color:#FFF;	font-family:kalinga;	font-size:11px;}
.menu_inner .perfil ul li a {	color:#333 !important;	text-transform:uppercase;}
.menu_inner > div.idioma { float: left; }

.page-fornecedores #midias-topo{background:#d8b61a;}
.page-fornecedores #midias-topo h1{color:#FFF !important;}

div#conteudo-home { margin-top: .5em; overflow: auto;}

/*CONTENT*/
#content {    margin:0 auto 50px;	width: 1000px;	padding: 0 10px;	min-height: 600px;}
.content_bg {    float: left;    width: 990px;    padding: 15px 10px;}
#content_inner {	width: 670px;	min-height: 550px;	float: left;}
#content_inner ul li {	list-style:none;}



/*---#node----------------------------------------------------------------------*/

#node-1819 ul{	font-family:Verdana, Geneva, sans-serif;	font-size:12px;	color:#818181;	line-height:22px;	font-weight:normal;    }
#node-1819{display: inline-block;}
#node-2344 strong{color: #005BA2;}
#node-1836 td{padding: 1em 2em 3em 2em !important;}
#node-25905 ol, #node-25905 ul{	margin: .2em 0 .2em 2.5em;	font-family:Verdana, Geneva, sans-serif;	font-size:12px;	color:#818181;	line-height:22px;	font-weight:normal;}
/*Investidores - Regulação */
#node-10562 .conteudo-download {display: none;}
div#node-1685 {  display: inline-block;}
#node-1825{ height:130px}
#node-1689{ height:450px}
#node-2324 table ul li {    list-style: none !important;    color: #818181;    margin: 2px;    padding: 2px;    border-bottom: 1px solid #FFF;}
#node-1829 ul {padding: 20px 40px;}
#node-13769 ul {padding: 20px 66px; background-color: #fff; margin-bottom: 39px; font-weight: bold; border: 2px solid #90D3DC;}
#node-14842 .conteudo-download a{ font-size: 14px;}
#node-16227 table{width: 100%; margin: 0 0 30px;}
#node-24116 li{margin-left:3em;}
#node-17868 td {background-color: white; text-align: center; width: 30%}
#node-17868 td img { max-height: 70px; vertical-align: middle; margin:.6em}
#node-22190 img { margin: 0 2em 0.2em 0;}
#node-10419 .conteudo-download {	background-color: #ECECEC;    padding: 10px 15px;	margin: 25px 0px 20px;}
#node-26939, #node-25997 {    display: inline-block;	width: 100%;}
div#node-25596 p:first-child , div#node-28995 p:first-child{ display: none; }
#node-28995 ol li, #node-33992 ol li{	color: #818181 !important; list-style: square !important;}
#node-28995 h1, #node-33992 h1 {background: white;
padding: 10px 20px;
border: 1px solid #E8ECF1;
font-size: 17px;
color: #355992;
font-family: kalinga;
font-weight: normal;
text-transform: uppercase;
margin: 2em 0;}



/* --------------------------------------------------*/

#content_inner ul li img {	float: left;	margin: 5px;}

#sidebar {
	width:315px;
	height:auto;
	float:right;
	padding-top: 23px;
}
.conteudo_geral {
	width:980px;
	float:left;
	min-height:600px;
	padding:0 10px;
	border:1px solid #f1f1f1;
	
}
/*FIM PERFIS*/

/*BOX SIDEBAR PADRÂO*/

#content .titulo_bloco {
	font-family: Arial;
    font-size: 1em;
    color: #56aedc;
	margin: 0;
	clear:both;
	font-weight: 600;
	}

.titulo_bloco span {
    font-weight: normal;
    font-size: 11px;
}

#sidebar .box .box_bg {
	width: 273px;
	height: auto;
	margin: 0 0 11px 0;
	float: left;
	padding: 20px;
	background: white;
	border: 1px solid #F1F1F1;
}
#sidebar .box ul {
	margin-left:10px;
	width:263px;
	float:left;
	overflow:hidden;
    text-transform:uppercase;
}
#sidebar .box {
	width:315px;
	height:auto;
	margin:0 0 10px 0;
	float:left;
	background:url(img/sombra_side.png) center bottom no-repeat;
}
#sidebar .box strong a {
	background: #f2f2f2;
	display: block;
	padding: 5px 0 5px 15px;
	color:#5280c9;
	font-family:kalinga;
}

#sidebar .box strong em, #sidebar .titulo_bloco{
	background: #f2f2f2;
	display: block;
	padding: 5px 0 5px 15px;
	color:#5280c9 !important;
	font-family:kalinga !important;
	font-weight: bold;
	font-style:normal;
	text-transform: uppercase;
	font-size: 16px !important;
	width: 262px;
}

#sidebar .box ul li {
	float:left;
	list-style:none;
	width:100%;
}
#sidebar .box ul li a, #sidebar .box a {
	font-size:12px;
	color:#797979;
}
#sidebar .box ul li a {
background: url(img/line_.png) center bottom repeat-x;
padding: 10px 0 8px;
display: block;
color:#444;
}
#sidebar .box ul li ul li a {text-transform: uppercase;
    font-size: 11px;
    color: #888;
    padding-left: 8px;}
#sidebar .box ul li a:hover {color:#333;}
#sidebar .box p span {
	float: left;
	margin-right: 10px;
	background: url(img/page-sanepar/newsletter.png);
	width: 50px;
	height: 35px;
	display: block;
	margin-top:5px; 
}
#sidebar .box p {
	font-family:verdana;
	font-size:11px;
	color:#818181;
}

#sidebar .box strong a {
	background: #f2f2f2;
	display: block;
	padding: 5px 0 5px 15px;
	color:#5280c9;
	font-family:kalinga;
}

#sidebar .box form {
	margin:15px 0;
	float:left;
}
#sidebar .box form input {
	background:#f7f7f7;
	border:1px solid #b5b5b5;
	padding:10px 15px;
	color:#b5b5b5;
	width:240px;
	margin:5px 0;
}
#sidebar .box form input.eniar {
	background:#5280c9;
	float:right;
	color:#FFF;
	width:100px;
	cursor:pointer;
}

#sidebar .box form input.eniar:hover {
	background:#3460a5;
}
.clientes #sidebar .box strong a {	color: #226B74 !important;}
.clientes #sidebar .box p span {	background: url(img/page-sanepar/newsletter_clientes.png);}
.clientes #sidebar .box form input.eniar {	background: #226B74 !important;}
.clientes  #sidebar .box form input.eniar:hover {		background:#12575f !important;}

.prefeituras #sidebar .box strong a {	color: #40B688 !important;}
.prefeituras #sidebar .box p span {	background: url(img/page-sanepar/newsletter_prefeituras.png);}
.prefeituras #sidebar .box form input.eniar {	background: #40B688 !important;}
.prefeituras  #sidebar .box form input.eniar:hover {		background:#40B688 !important;}


.investidores #sidebar .box strong a {	color: #86a6d9 !important;}
.investidores #sidebar .box p span {	background: url(img/page-sanepar/newsletter_investidores.png);}
.investidores #sidebar .box form input.eniar {	background: #86a6d9 !important;}
.investidores  #sidebar .box form input.eniar:hover {		background:#86a6d9 !important;}


/*FIM BOX SIDEBAR PADRÂO*/
/*.page-fornecedores #midias-topo  h1{ color:#B59811 !important;}*/
.page-fornecedores .fornecedores_list strong{	color:#B59811;	font-size:13px;}
.page-fornecedores .fornecedores_list a{	color:#333;}
.page-investidores #midias-topo  h1{ 	color:#86a6d9 !important;	}
.page-investidores .fornecedores_list strong{	color:#86a6d9;	font-size:13px;}
.page-investidores .fornecedores_list a{	color:#333;}

.page-noticias  .lista_info_tecnica a img{	float:left;	margin-right:10px;}


.node-type-perfil-investidores-2012 .taxonomy_term_23,.node-type-perfil-investidores-2012 .taxonomy_term_25 {    display: none;}
.node-type-perfil-investidores-2012 #content_inner ul.menu li, .node-type-investors #content_inner ul.menu li {
	list-style: none;
	color: #818181;
	background: white;
	padding: 0px 15px 0px;
	margin-bottom: 13px;
	display: block;
	float: left;
	width: 170px;
	margin-right: 7px !important;
	list-style: none;
	text-align: center;
	margin-bottom: 11px !important;
	border: 1px solid #DDD;
	text-transform: uppercase;
	font-size: 11px;
	min-height: 62px;

}

.node-type-perfil-investidores-2012 #content_inner ul.menu li a, .node-type-investors #content_inner ul.menu li a {	display:block;	padding-top:11px;}
.node-type-perfil-investidores-2012 #content_inner ul.menu li:last, .node-type-investors #content_inner ul.menu li:last  {		clear:right;}

.reuniao_publica {
    background-color: hsl(198, 42%, 65%);
    border: 1px solid hsl(0, 0%, 87%);
    color: hsl(0, 0%, 100%);
    font-size: 20px;
    font-weight: 600;
    height: 55px;
    line-height: 2;
    margin: -1px -16px;
    width: 618px;
}

.reuniao_publica:hover {	background-color: hsl(198, 41%, 55%);	text-decoration: none;}
.box_bg  .reuniao_publica{	display: none!important;}

.page-fornecedores  #content_inner ul.menu li {
	list-style: none;
	color: #818181;
	background: white;
	padding: 0px 15px 0px;
	margin-bottom: 13px;
	display: block;
	float: left;
	width: 270px;
	margin-right: 12px !important;
	list-style: none;
	text-align: center;
	margin-bottom: 11px !important;
	border: 1px solid #DDD;
	text-transform: uppercase;
	font-size: 11px;
	min-height: 62px;
}

.page-fornecedores  #content_inner ul.menu li a {	display:block;	padding-top:11px;}
.page-fornecedores  #content_inner ul.menu li:last {	clear:right;}



/*SIDEBAR BOX2 RELEASE*/

#sidebar .box-release .box_bg {
	width: 273px;
	height: auto;
	margin: 0 0 11px 0;
	float: left;
	padding: 20px;
	background: white;
	border: 1px solid #F1F1F1;
}
#sidebar .box-release {
	width:315px;
	height:auto;
	margin:0 0 15px 0;
	float:left;
	background:url(img/sombra_side.png) center bottom no-repeat;
}
#sidebar .box-release strong a {
	background: #f2f2f2;
	display: block;
	padding: 5px 0 5px 15px;
	color:#5280c9;
	font-family:kalinga;
}
#sidebar .box-release ul {
	margin-left:10px;
	width:263px;
	float:left;
}
#sidebar .box-release ul li {
	float:left;
	list-style:none;
	padding:10px 0;
	width:100%;
}
#sidebar .box-release ul li a {
	font-size:13px;
	color:#355992;
}
#sidebar .box-release p {
	margin:0;
}
.box-release .veja-release {
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	color:#2367d2;
	display:block;
	text-decoration:none;
	font-size:10px;
}
/*FIM SIDEBAR BOX2*/

/*SIDEBAR BOX IMAGENS*/

#sidebar .box-imagens .box_bg {
	width: 273px;
	height: auto;
	margin: 0 0 11px 0;
	float: left;
	padding: 20px;
	background: white;
	border: 1px solid #F1F1F1;
}
#sidebar .box-imagens {
	width:315px;
	height:auto;
	margin:0 0 15px 0;
	float:left;
	background:url(img/sombra_side.png) center bottom no-repeat;
}
#sidebar .box-imagens strong a {
	background: #f2f2f2;
	display: block;
	padding: 5px 0 5px 15px;
	color:#5280c9;
	font-family:kalinga;
}
#sidebar .box-imagens ul {
	width: 280px;
	float: left;
	margin: 7px -3px;
}
#sidebar .box-imagens ul li {
	float:left;
	list-style:none;
}
#sidebar .box-imagens ul li img {
	float: left;
	margin: 4px;
}
.box-imagens .veja-release {
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	color:#2367d2;
	display:block;
	text-decoration:none;
	font-size:10px;
}
/*FIM SIDEBAR BOX IMAGENS*/

/*PAGE IMPRENSA BOX RELEASE*/

/*IMPRENSA BOX*/
a.imprensa-box .title {	padding: 0;}
a.imprensa-box .title h3 {	display: block;	color: #5280c9;	font-family: verdana;	font-size: 13px;}
.imprensa-box-pequeno {	width: 325px;	height: auto;	margin: 5px 0px 0px 7PX;	float: left;	background: url(img/sombra_side.png) center bottom no-repeat;	padding-bottom: 10px;}
a.imprensa-box {	padding: 17px;	background: white;	border: 1px solid #F1F1F1;	position: relative;	display: block;	float: left;	color:#5280c9;	height: 85px;	width: 277px; }
a.imprensa-box img {	float: left;	margin: 0 15px 25px 0;}
a.imprensa-box p {	line-height: 19px;	margin-top: 5px;}
a.imprensa-box span.saiba_sanepar_box {	color: #5280c9;	font-family: Verdana, Geneva, sans-serif;	font-size: 10px;	background: white;	padding:6px 0px;	display: block;	float: right;}
a.imprensa-box span.saiba_sanepar_box:hover {	text-decoration:underline;}
/*FIM IMPRENSA BOX*/

#imprensa-releases .box_bg {
	width: 420px;
	/*height: auto;*/
    height: 355px;
	margin: 0 0 9px 0;
	float: left;
	padding: 30px;
	background: white;
	border: 1px solid #F1F1F1;
}
#imprensa-releases {
	width: 480px;
	/*height: auto;*/
    height: 425px;
	margin: 0 0 35px 0;
	float: left;
	background: url(img/sombra_side_release.png) center bottom no-repeat;
}
#imprensa-releases strong a {
	display: block;
	padding: 5px 0 5px 70px;
	color: #3A3A3A;
	font-family: kalinga;
	font-size: 18px;
	background: url(img/icon_imprensa_release.png) left center no-repeat;
	margin-left: 10px;
	margin-bottom: 5px;
}
#imprensa-releases p {
	font-size: 11px;
	margin-top: 2px;
	line-height: 18px;
}
#imprensa-releases ul {
	width: 410px;
	float: left;
	margin-left: 10px;
	margin-top:10px;
}
#imprensa-releases ul li {
	float:left;
	list-style:none;
	margin:3px 0 8px 0
}
#imprensa-releases ul li a {
	font-size:13px;
	color:#355992;
}
#imprensa-releases .veja-release {
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	color:#2367d2;
	display:block;
	font-size:10px;
}
/*FIM PAGE IMPRENSA BOX RELEASE*/

/*INICIO INPUT IMPRENSA*/
#input-imprensa{
	float:left;
	width:100%;
	margin-bottom:20px;}
#input-imprensa form{
	position:relative;}	
#input-imprensa input {
	width: 905px;
	padding: 10px 50px 10px 45px;
	font-family: kalinga;
	color: #93ADD2;
	font-size: 18px;
	background: #E6EAF1 url(img/icon_lupa-input.png) 10px center no-repeat;
	border:1px solid;
}
#input-imprensa form input.enviar{
	width:auto;
	border:none;
	background:#93ADD2;
	padding:10px;
	position:absolute;
	top:1px;
	right:-1px;
	cursor:pointer;
	color:#FFF;
}	
#input-imprensa form input.enviar:hover{
	background:#FFF;
	color:#93ADD2;}	
/*FIM INPUT IMPRENSA*/


/*PAGE IMPRENSA BOX ENTRE EM CONTATO*/
#imprensa-contato .box_bg {
	width: 420px;
	height: auto;
    /*height: 356px;*/
	margin: 0 0 9px 0;
	float: left;
	padding: 30px;
	background: white;
	border: 1px solid #F1F1F1;
}
#imprensa-contato {
	width:480px;
	height:auto;
	margin:0 0 35px 0;
	float:right;
	background:url(img/sombra_side_release.png) center bottom no-repeat;
}
#imprensa-contato strong a {
	display: block;
	padding: 9px 0 10px 70px;
	color: #3A3A3A;
	font-family: kalinga;
	font-size: 18px;
	background: url(img/icon_imprensa_contato.png) left center no-repeat;
	margin-left: 10px;
}
#imprensa-contato strong em {
	display: block;
	padding: 9px 0 10px 70px;
	color: #3A3A3A;
	font-family: kalinga;
	font-size: 18px;
	background: url(img/icon_imprensa_contato.png) left center no-repeat;
	margin-left: 10px;
	font-style:normal;
}
#imprensa-contato form {
	margin: 13px 0;
	float: left;
}
#imprensa-contato form  .form-item {
	margin-top: 0 !important;
	margin-bottom:0 !important;
}
#imprensa-contato form input {
	background: #F7F7F7;
	border: 1px solid #B5B5B5;
	padding: 10px 15px;
	color: #B5B5B5;
	width: 387px;
	margin:9px 5px;
}
#imprensa-contato form input.eniar {
	background:#5280c9;
	float:right;
	color:#FFF;
	width:120px;
	cursor:pointer;
}
#imprensa-contato form input.eniar:hover {background:#3460a5;}
#imprensa-contato form .input-menor {	width: 170px;}
#imprensa-contato form input {	width: 386px;	margin: 14px 5px;}
#imprensa-contato form #webform-component-estado input, #imprensa-contato form  #webform-component-cidade input, #imprensa-contato form  #webform-component-email input, #imprensa-contato form  #webform-component-telefone input{	width: 170px;}
#imprensa-contato form #webform-component-estado , #imprensa-contato form  #webform-component-cidade ,#imprensa-contato form  #webform-component-email,#imprensa-contato form  #webform-component-telefone{	width: 214px;	float:left;}
/*FIM PAGE IMPRENSA BOX ENTRE EM CONTATO*/

/*PAGE IMPRENSA BOX BANCO DE IMAGENS*/
#imprensa-imagens {
	width:480px;
	float:left;
	margin-bottom: 35px;
}
#imprensa-imagens h4 {
	font-size:17px;
	font-family:kalinga;
	color:#3a3a3a;
	font-weight:normal;
	margin-bottom:13px;
}
#imprensa-imagens h4 span {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}
#imprensa-imagens .mais-info {
	float:right;
	color:#5280c9;
	font-weight:bold;
	font-size:8px;
	font-family:Verdana, Geneva, sans-serif;
	display:block;
	margin-top:5px;
}
#imprensa-imagens .mais-info:hover {
	text-decoration:underline;
	color:#5280c9;
}
#imprensa-imagens ul {
	width: 490px;
	margin: 0px -5px;
	float: left;
}
#imprensa-imagens ul li {
	float:left;
	list-style:none;
}
#imprensa-imagens ul li img {
	margin:3px;
	float:left;
}
/*FIM PAGE IMPRENSA BOX BANCO DE IMAGENS*/

/*PAGE IMPRENSA BOX MULTIMIDIA*/
#imprensa-multimidia {
	width:480px;
	float:right;
	margin-bottom: 35px;
}
#imprensa-multimidia h4 {
	font-size:17px;
	font-family:kalinga;
	color:#3a3a3a;
	font-weight:normal;
	margin-bottom:13px;
}
#imprensa-multimidia h4 span {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}
#imprensa-multimidia .mais-info {
	float:right;
	color:#5280c9;
	font-weight:bold;
	font-size:8px;
	font-family:Verdana, Geneva, sans-serif;
	display:block;
	margin-top:5px;
}
#imprensa-multimidia .mais-info:hover {
	text-decoration:underline;
	color:#5280c9;
}
/*FIM PAGE IMPRENSA BOX MULTIMIDIA*/

/*MÍDIA TOPO FORNECEDORES*/
#midias-topo-fornecedores {
	background: #dab91f /*#fff*/;
	padding: 0 0 0;
	border: 1px solid #F0F0F0;
	width: 1000px;
	margin: 0 auto 10px;
	float: left;
}
#midias-topo-fornecedores h1 {
	font-size: 17px;
	color: white;
	font-family: kalinga;
	font-weight: normal;
	/*width: 665px;*/
	float: left;
	padding: 10px 0 10px 20px;
	background: #dab91f;
	text-transform:uppercase;
}
.titulo-fornecedores{
	font-size: 17px;
	color: white;
	font-family: kalinga;
	font-weight: normal;
	padding: 10px 0 10px 20px;
	background: #dab91f;
	text-transform:uppercase;
}
#midias-topo-fornecedores #compartilhe {
	float: right;
	width: 140px;
	background: white;
	padding: 12px 12px 12px 50px;
	margin: 0;
	display:none;
}
/*FIM MÍDIA TOPO FORNECEDORES*/

.agenda-reunioes-tecnicas{
    margin: 9px 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #818181;
    line-height: 22px;
    font-weight: normal;
}

.view-display-id-block_1.agenda-reunioes-tecnicas {
    border-bottom: 2px solid #ccc;
    margin-bottom: 2em;
}
.agenda-reunioes-tecnicas .conteudo-download { margin-bottom: 4px;}
.agenda-reunioes-tecnicas ol li {color: #818181 !important;}
 

/*MÍDIA TOPO INVESTIDORES*/
#midias-topo-investidores {
	background: #86a6d9 /*#fff*/;
	padding: 0 0 0;
	border: 1px solid #F0F0F0;
	width: 1000px;
	margin: 0 auto 10px;
	/*float: left;*/
}
#midias-topo-investidores h1 {
	font-size: 17px;
	color: white;
	font-family: kalinga;
	font-weight: normal;	
	padding: 10px 0 10px 20px;
	/*float: left;
	background: #86a6d9;
	width: 980px;*/
	text-transform:uppercase;
}
#midias-topo-investidores #compartilhe {
	float: right;
	width: 140px;
	background: #86a6d9;
	padding: 12px 12px 12px 50px;
	margin: 0;
	display:none;
}
/*FIM TOPO INVESTIDORES*/

/*MÍDIA TOPO PREFEITURAS*/
#midias-topo-prefeituras {
	background: #40b688; /*#fff*/
	padding: 0 0 0;
	border: 1px solid #F0F0F0;
	width: 1000px;
	margin: 0 auto 10px;
	float: left;
}
#midias-topo-prefeituras h1 {
	font-size: 17px;
	color: white;
	text-transform:uppercase;
	font-family: kalinga;
	font-weight: normal;
	width: 778px;
	float: left;
	padding: 10px 0 10px 20px;
	background: #40b688;
}

.titulo-prefeituras {
    font-size: 17px;
    color: white;
    text-transform: uppercase;
    font-family: kalinga;
    font-weight: normal;
    padding: 10px 0 10px 20px;
    background: #40b688;
}

#midias-topo-prefeituras #compartilhe {
	float: right;
	width: 140px;
	background: white;
	padding: 12px 12px 12px 50px;
	margin: 0;
	display:none;
}
/*FIM MÍDIA TOPO PREFEITURAS*/

/*MÍDIA TOPO CLIENTES*/
#midias-topo-clientes {
	background: #226B74 /*#fff*/;
	padding: 0 0 0;
	border: 1px solid #F0F0F0;
	width: 1000px;
	margin: 0 auto 10px;
	float: left;
}
#midias-topo-clientes h1 {
	font-size: 17px;
	color: white;
	font-family: kalinga;
	font-weight: normal;
	width: 778px;
	float: left;
	padding: 10px 0 10px 20px;
	background: #226B74;
	text-transform:uppercase;
}
.titulo-clientes{
	font-size: 17px;
	color: white;
	font-family: kalinga;
	font-weight: normal;
	padding: 10px 0 10px 20px;
	background: #226B74;
	text-transform:uppercase;
}
#midias-topo-clientes #compartilhe {
	float: right;
	width: 140px;
	background: white;
	padding: 12px 12px 12px 50px;
	margin: 0;
	display: none;
}

.cta-digital {
    margin: 0 auto;
    width: 250px;
    display: block;
    background: #2367D2;
    border-radius: 5px;
    padding: 1em;
    color: #fff !important;
    text-align: center;
    font-size: 1.4em;
    font-family: Arial;
}

.btn-reclip {
    width: 250px;
    display: block;
    background: #62ad45;
    border-radius: 25px;
    padding: 1em;
    text-align: center;
    font-size: 1.4em;
    font-family: Arial;
    margin: 0 auto;
}

a.btn-reclip{color: #fff !important;}


/*FIM MÍDIA TOPO CLIENTES*/

/*CLIENTES INTERNA DOWNLOADS*/
#clientes-downloads {
	width:100%;
	float:left;
	margin:20px 0 35px;
}
#clientes-downloads ul {
	width:100%;
	float:left;
}
#clientes-downloads ul li {
	float: left;
	width: 160px;
	text-align: center;
	margin: 0 2px;
}
#clientes-downloads ul li a {
	padding:0 20px;
	display:block;
}
#clientes-downloads ul li a :hover{
	text-decoration:underline !important;
}
#clientes-downloads ul li a p {
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#28717a;
}
#clientes-downloads ul li a img {
	float: none;
	margin: 0 auto;
	display: block;
}
/*FIM CLIENTES INTERNA DOWNLOADS*/

/*FORNECEDORES BOX MANUAL*/
#box-manual .box_bg {
	width: 283px;
	height: auto;
	margin: 0 0 11px 0;
	float: left;
	padding: 20px;
	background: white;
	border: 1px solid #F1F1F1;
}
#box-manual {
	width:325px;
	height:auto;
	margin:0 0 15px 0;
	float:left;
	background:url(img/sombra_side.png) center bottom no-repeat;
	margin: 5px 0;
}
#box-manual .title, a.fornecedores-box .title {
	padding: 10px 0 10px 0px;
}
a.fornecedores-box .title h3, #box-manual .title h3 {
	display: block;
	color: #B59811 ;
	font-family: verdana;
	font-size: 13px;
    text-transform:uppercase;
	border: none;
    padding: 0;
}
#box-manual .title p {
	line-height: 13px;
	font-size: 10px;
	margin-top: 4px;
}
#box-manual ul {
	margin-left: 10px;
	width: 275px;
	float: left;
}
#box-manual ul li {
	float: left;
	list-style: none;
	padding: 2px 0;
	width: 100%;
}
#box-manual ul li a {
	font-size:11px;
	color:#B59811 ;
}
#box-manual p {
	margin:0;
}
.fornecedores-box-pequeno {
	width: 325px;
	height: auto;
	margin: 5px 0px 0px 10PX;
	float: left;
	background: url(img/sombra_side.png) center bottom no-repeat;
	padding-bottom: 10px;
}
a.fornecedores-box {
	padding: 17px;
	background: white;
	border: 1px solid #F1F1F1;
	position: relative;
	display: block;
	float: left;
	color:#DAB91F;
    height:122px;
	min-width: 290px;
}
a.fornecedores-box img, #box-manual .title img {
	float: left;
	margin: 15px 15px 25px 0;
}
a.fornecedores-box p {
	line-height: 19px;
	margin-top: 5px;
}
a.fornecedores-box span.saiba_sanepar_box {
	color: #B59811;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	background: white;
	padding:6px 0px;
	display: block;
	float: right;
}
a.fornecedores-box span.saiba_sanepar_box:hover {
	text-decoration:underline;
}
a.fornecedores-box span.cadastrar {
	color: white;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	background: #DAB91F;
	padding: 6px 10px;
	display: block;
	float: right;
	font-weight: bold;
}
a.fornecedores-box span.cadastrar:hover {
	background: #B59811 ;
}
/*FIM FORNECEDORES BOX*/

/*FORNECEDORES INTERNA BOX */
#fornecedores-interna {
	width:100%;
	float:left;
	margin:15px 0;
}
#fornecedores-interna H3 {
	color:#798ca9;
	font-family:kalinga;
	font-size:16px;
	font-weight:normal;
	padding-bottom:15px;
	border-bottom:1px solid #cfcfcf;
}
#fornecedores-interna ul {
	width:100%;
	float:left;
	margin:10px 0;
}
#fornecedores-interna ul li {
	float:left;
	width:100%;
	margin:8px 0;
	list-style:none;
}
#fornecedores-interna ul li a {
	color:#dab91f;
	font-size:12px;
	background:url(img/icon_fornecedor-interna.png) left center no-repeat;
	padding:5px 0 5px 30px;
}

/*FIM FORNECEDORES INTERNA BOX */


/*INVESTIDORES BOX*/
a.investidores-box .title, div.investidores-box .title {
	padding: 10px 0 10px 0px;
}
a.investidores-box .title h3, div.investidores-box .title h3 {
	display: block;
	color: #86a6d9;
	font-family: verdana;
	font-size: 13px;
    text-transform:uppercase;
}
.investidores-box-pequeno {
	width: 325px;
	height: auto;
	margin: 5px 0px 0px 7PX;
	float: left;
	background: url(img/sombra_side.png) center bottom no-repeat;
	padding-bottom: 10px;
}
a.investidores-box, div.investidores-box {
	padding: 17px;
	background: white;
	border: 1px solid #F1F1F1;
	position: relative;
	display: block;
	float: left;
	color:#86a6d9;
}
a.investidores-box img, div.investidores-box img {
	float: left;
	margin: 15px 15px 25px 0;
}
a.investidores-box p, div.investidores-box p {
	line-height: 19px;
	margin-top: 5px;
}
a.investidores-box  .saiba_sanepar_box, div.investidores-box  .saiba_sanepar_box {
	color: #86a6d9;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	background: white;
	padding:6px 0px;
	display: block;
	float: right;
}
a.investidores-box span.saiba_sanepar_box:hover, div.investidores-box span.saiba_sanepar_box:hover {
	text-decoration:underline;
}
div.investidores-box ul {
	float: left;
}
div.investidores-box ul li {
	float:left;
	list-style:none;
}
div.investidores-box ul li a {
	font-size: 8px;
	color: #86a6d9;
	font-family: Verdana, Geneva, sans-serif;
	padding: 0 10px 0 0;
}

div.box-grande .title h3 {
	display: block;
	color: #355992;
	font-family: verdana;
	font-size: 13px;
	text-transform:uppercase;
}

.box-grande {
	width: 900px;
	margin: 10px 0 10px 80px;
	height: auto;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #F1F1F1;
}

/*FIM INVESTIDORES BOX*/


/*PREFEITURAS BOX*/
a.prefeituras-box .title {
	padding: 10px 0 10px 0px;
}
a.prefeituras-box .title h3 {
	display: block;
	color: #40b688;
	font-family: verdana;
	font-size: 13px;
    text-transform:uppercase;
	border:none;
    padding: 0;
}
.prefeituras-box-pequeno {
	width: 325px;
	height: auto;
	margin: 5px 0px 0px 7PX;
	float: left;
	background: url(img/sombra_side.png) center bottom no-repeat;
	padding-bottom: 10px;
}
a.prefeituras-box {
	padding: 17px;
	background: white;
	border: 1px solid #F1F1F1;
	position: relative;
	display: block;
	float: left;
	color:#40B688;
}
a.prefeituras-box img {
	float: left;
	margin: 15px 15px 25px 0;
}
a.prefeituras-box p {
	line-height: 19px;
	margin-top: 5px;
}
a.prefeituras-box span.saiba_sanepar_box {
	color: #40b688;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	background: white;
	padding:6px 0px;
	display: block;
	float: right;
}
a.prefeituras-box span.saiba_sanepar_box:hover {
	text-decoration:underline;
}
/*FIM PREFEITURAS BOX*/



/*CLIENTES BOX */
.clientes-box-pequeno {
	width: 325px;
	height: auto;
	margin: 5px 8px 0px 0px;
	float: left;
	background: url(img/sombra_side.png) center bottom no-repeat;
	padding-bottom: 10px;
	height:168px;
}
a.clientes-box {
	padding: 17px;
	background: white;
	border: 1px solid #F1F1F1;
	position: relative;
	display: block;
	float: left;
	color:#226B74;
	height:132px;
	width: 280px;
}
a.clientes-box img, #box-manual .title img {
	float: left;
	margin: 15px 12px 25px 0;
}
a.clientes-box p {
	line-height: 19px;
	margin-top: 5px;
}
a.clientes-box span.saiba_sanepar_box {
	color: #226b74;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	background: white;
	padding:6px 0px;
	display: block;
	position:absolute;
	right:13px;
	bottom:10px;
}
a.clientes-box span.saiba_sanepar_box:hover {
	text-decoration:underline;
}
a.clientes-box span.cadastrar {
	color: white;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	background: #226b74;
	padding: 6px 10px;
	display: block;
	float: right;
	font-weight: bold;
}
a.clientes-box .title h3 {
	display: block;
	color: #226b74;
	font-family: verdana;
	font-size: 13px;
	text-transform:uppercase;
}
#box-manual .title, a.clientes-box .title {
	padding: 10px 0 10px 0px;
}
/*FIM CLIENTES BOX*/


/*BLOCO CLIENTES*/
#pag-clientes {
	width: 675px;
	float: left;
	margin-left: -10px;
}
/*FIM BLOCO CLIENTES*/

/*CLIENTES BOX ÚTILIDADES PÚBLICAS*/
#clientes .box-release .box_bg {
	width: 273px;
	height: auto;
	margin: 0 0 11px 0;
	float: left;
	padding: 20px 25px;
	background: white;
	border: 1px solid #F1F1F1;
}
#clientes .box-release {
	width: 325px;
	height: auto;
	margin: 5px 0 15px 0;
	float: right;
	background: url(img/sombra_side.png) center bottom no-repeat;
}
#clientes .box-release strong a {
	background: #F2F2F2;
	display: block;
	padding: 5px 0 5px 15px;
	color: #226B74;
	font-family: kalinga;
}
#clientes .box-release ul {
	margin-left:10px;
	width:263px;
	float:left;
}
#clientes .box-release ul li {
	float:left;
	list-style:none;
	padding:10px 0;
	width:100%;
}
#clientes .box-release ul li a {
	font-size:13px;
	color:#226B74;
}
#clientes .box-release ul li h5 {
font-size: 13px;
color: #226B74;
font-weight:normal;
text-transform: uppercase;
}
#clientes .box-release p {
	margin:0;
}
#clientes .box-release .todos-release {
	float: right;
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	display: block;
	text-decoration: none;
	font-size: 10px;
	background: #226B74;
	padding: 6px 10px;
}
#clientes .box-release .todos-release:hover {
	background: #165d66;
}

#content .menu-clientes {
    float: left;
    width: 672px;
}

/*FIM CLIENTES BOX ÚTILIDADES PÚBLICAS*/

/*CLIENTES BOX ?TILIDADES P?BLICAS*/
.box-release .box_bg {
	width: 273px;
	height: auto;
	margin: 0 0 11px 0;
	float: left;
	padding: 20px 25px;
	background: white;
	border: 1px solid #F1F1F1;
	height: auto; /*309px;*/
}
.box-release {
	width: 325px;
	height: auto;
	margin: 5px 0 15px 0;
	float: right;
	background: url(img/sombra_side.png) center bottom no-repeat;
}
.box-release strong a {
	background: #F2F2F2;
	display: block;
	padding: 5px 0 5px 15px;
	color: #226B74;
	font-family: kalinga;
}
 .box-release ul {
	margin-left:10px;
	width:263px;
	float:left;
}
.box-release ul li {
	float:left;
	list-style:none;
	padding:10px 0;
	width:100%;
}
.box-release ul li a {
	font-size:13px;
	color:#226B74;
}
.box-release ul li h5 {
font-size: 13px;
color: #226B74;
font-weight:normal;
text-transform: uppercase;
}
.box-release p {
	margin:0;
}
.box-release .todos-release {
	float: right;
	font-family: Verdana, Geneva, sans-serif;
	color: white;
	display: block;
	text-decoration: none;
	font-size: 10px;
	background: #226B74;
	padding: 6px 10px;
}
.box-release .todos-release:hover {
	background: #165d66;
}

/*FIM CLIENTES BOX ?TILIDADES P?BLICAS*/


/*SUSTENTABILIDADE BOX*/
a.sutentabilidade-box {
	padding: 20px;
	width: 193px;
	height: 125px;
	background: url(img/sustentabilidade-box.png) no-repeat;
	float: left;
	margin: 7px 15px 7px 2px;
	position: relative;
	display: block;
	text-align:center;
	color:#FFF;
}
a.sutentabilidade-box:hover {
	background: url(img/sustentabilidade-box_hover.png) no-repeat;
}
a.sutentabilidade-box h2 {
	color: white;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
a.sutentabilidade-box img {
	float: none;
	margin:0 auto;
}
a.sutentabilidade-box p {
	line-height: 13px;
	margin: 3px 0 0 5px;
	color:#fff;
	font-size:10px;
}
a.sutentabilidade-box span.saiba_sanepar_box {
	color: #2367D2;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 8px;
	position: absolute;
	right: 5px;
	bottom: 11px;
	background: white;
	padding: 5px 10px;
	display: block;
}
a.sutentabilidade-box span.saiba_sanepar_box:hover {
	text-decoration:underline;
}
#sustentabilidade {
	float:left;
	margin:35px 0;
}
.imagem-sustentabilidade {
	float: left;
	margin: 15px 20px 10px 0;
	padding: 8px;
	background: white;
	border: 1px solid #DDD;
}
/*SUSTENTABILIDADE BOX*/

/*SUSTENTABILIDADE BOX INTERNO*/
#sustentabilidade-box {
	float: left;
	background: white;
	border: 1px solid #DDD;
	padding: 20px;
	width: 623px;
}
#sustentabilidade-box ul {
	width: 100%;
	float: left;
	list-style: none;
	margin-bottom: 25px;
}
#sustentabilidade-box h3 {
	color:#616161;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
}
#sustentabilidade-box ul li {
	float:left;
	width:100%;
}
#sustentabilidade-box ul li a {
	text-decoration: none;
	font-size: 12px;
	color: #5280C9;
	font-family: Verdana, Geneva, sans-serif;
	display: block;
	margin: 5px 0;
}
#sustentabilidade-box p.sustentabilidade-rodape {
	margin: 0 auto;
	text-align: center;
	width: 500px;
	display: block;
}
/*FIM SUSTENTABILIDADE BOX INTERNO*/

/*GALERIA INTERNA*/
#galeria-interna {
	margin-top:15px;
	padding-bottom:20px;
	margin-bottom:15px;
	float:left;
	width: 667px;
}
#galeria-interna h3 {
	font-family:kalinga;
	font-size:16px;
	color:#818181;
}
#galeria-interna ul {
	margin-top:10px;
	float:left;
    padding-left: 0 !important;
}
#galeria-interna ul li {
	display: inline-block;
    margin: 0 7px 10px 0;
    padding: 4px;
    background: white;
    border: 1px solid #D1D1D1;
    vertical-align: top;
}

#galeria-interna ul li a img {
	margin: 2px; 
}
/*FIM GALERIA INTERNA*/

/*ULTIMAS NOTÍCIAS INTERNA*/
#noticias-interna {
	margin-top:15px;
	padding-bottom:20px;
	margin-bottom:15px;
	float:left;
}
#noticias-interna h3 {
	font-family:kalinga;
	font-size:18px;
	color:#2f73df;
	font-weight:normal;
}
#noticias-interna .ultimas {
	margin-top: 10px;
	float: left;
	background: white;
	padding: 20px;
	width: 625px;
	border: 1px solid #F2F2F2;
}
.ultimas a {
	display:block;
	position:relative;
}
#noticias-interna #noticias-bg-h2 {
	background: white;
	position: relative;
	width: 163px;
	padding:24px 0 0 0;
	/*top:5px;*/
	height: /*167*/ 149px;
}
#noticias-interna ul li {
	float: left;
	list-style: none;
	margin: 0 10px 10px 0;
}
#noticias-interna .noticias-box3 span a {
	position: absolute;
	top: 0;
	background: white;
	color: #979797;
	left: 0;
	font-size: 11px;
	padding: 5px 0;
	display: block;
	line-height: 10px;
}
#noticias-interna .noticias-box3 {
	width: 165px;
	padding-right: 23px;
	/*border-right: none;
	border-left: 1px solid #F2F2F2;
	border-bottom: none;
	border-top: none;*/
	margin-bottom:18px;
}
#noticias-interna .noticias-box3:first-child {
	border:none;
}
/*ULTIMAS NOTÍCIAS INTERNA*/


/*PÁGINA UTILIDADES PÚBLICAS BOX*/
#page_utilidades_box {
	float: left;
	width: 675px;
	margin-bottom: 10px;
}
#page_utilidades_box ul {
	float: left;
	padding:5px 0;
}
#page_utilidades_box ul li {
	list-style: none;
	float: left;
	width: 205px;
	margin: 10px 20px 10px 0;
}
#page_utilidades_box ul li span {
	color:#355992;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#page_utilidades_box ul li p {
	color:#797979;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}
#page_utilidades_box ul.lista-direita {
	padding: 15px 0 15px 0;
	border-bottom:1px solid #e4e4e4;
	margin-bottom:15px;
}
#page_utilidades_box ul.lista-direita li {
	margin: 0;
	float: left;
	border-left: 1px solid #E4E4E4;
	padding: 0 38px;
	width: 170px;
}
#page_utilidades_box ul.lista-direita li:first-child {
	border: none;
	padding-left: 0;
	width: 140px;
}
#page_utilidades_box ul.lista-direita li a {
	text-decoration: none;
	color: #355992;
	float: left;
	font-family: kalinga;
	font-size: 12px;
	padding: 15px 0 15px 40px;
	font-weight: bold;
	background: url(img/lista_utili_home.png) no-repeat left 12px;
}
#page_utilidades_box ul.lista-direita li a:hover {
	background-position: left -53px;
	color:#6d6e71;
	text-decoration:underline;
}
#page_utilidades_box ul.lista-direita li a.dois {
	background-position: left -125px;
}
#page_utilidades_box ul.lista-direitali a.dois:hover {
	background-position: left -200px;
	color:#6d6e71;
	text-decoration:underline;
}
#page_utilidades_box ul.lista-direita li a.tres {
	background-position: left -278px;
}
#page_utilidades_box ul.lista-direita li a.tres:hover {
	background-position: left -353px;
	color:#6d6e71;
	text-decoration:underline;
}
/*FIM PÁGINA UTILIDADES PÚBLICAS BOX*/


/*PÁGINA RESULTADOS DE BUSCA*/
#busca-box {
	float:left;
	margin-bottom:25px;
	margin-top:15px;
}
#busca-box ul li {
	width:100%;
	float:left;
	padding-bottom:5px;
	border-bottom:1px solid #d0d0d0;
	margin-bottom:15px;
	list-style:none;
}
#busca-box ul li a {
	color:#355992;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}
#busca-box ul li p {
	margin-top:5px;
	font-size:11px;
}
/*FIM PÁGINA RESULTADOS DE BUSCA*/


/*PORTAL TRANSPARENCIA BOX*/

#node-3254 .imagefield-field_dsecao_i{display:none;} /*novo menu*/
a.transparencia-box .title, div.transparencia-box .title {
	padding: 10px 0 10px 0px;
	height: 90px;
	overflow: hidden;
}
a.transparencia-box .title h3, div.transparencia-box .title h3, .title .transparencia-box h3 {
	display: block;
	color: #355992;
	font-family: verdana;
	font-size: 13px;
	text-transform:uppercase;
}
.transparencia-box-pequeno {
	width: 800px;/*325px;
	margin: 5px 0px 0px 7PX;*/
	margin: 10px auto;
	height: auto;
	/*float: left;
	background: url(img/sombra_side.png) center bottom no-repeat;
	padding-bottom: 10px;*/
	padding: 10px;
	background-color: #fff;
	border: 1px solid #F1F1F1;
}

.transparencia-box-pequeno .field-item div, .transparencia-box-pequeno .title .link-transparencia{ 
	margin-bottom: 15px;
	font-size: 14px; 
	margin-left: 58px;
	display: block;
}

a.transparencia-box, div.transparencia-box {
	/*padding: 17px;
	background: white;
	border: 1px solid #F1F1F1;
	position: relative;
	float: left;
	height:125px;
	width:290px;
	*/
	display: block;
	color:#355992;
	height: auto;
	position:relative;
}
a.transparencia-box img, div.transparencia-box img {
	float: left;
	/*margin: 15px 15px 25px 0;*/
	margin: 0 7px 15px 0;
}
a.transparencia-box p, div.transparencia-box p {
	line-height: 19px;
	margin-top: 5px;
}
a.transparencia-box  .saiba_sanepar_box, div.transparencia-box  .saiba_sanepar_box, .transparencia-box-pequeno .saiba_sanepar_box  {
	color: #355992;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	background: white;
	padding:6px 0px;
	display: block;
	text-align: right;
}
a.transparencia-box span.saiba_sanepar_box, .transparencia-box-pequeno .saiba_sanepar_box a{
	position:absolute;
	right:13px;
	bottom:10px; 
}

a.transparencia-box span.saiba_sanepar_box:hover, div.transparencia-box span.saiba_sanepar_box:hover, .transparencia-box-pequeno .saiba_sanepar_box a:hover {
	text-decoration:underline;
}
div.transparencia-box ul {
	float: left;
}
div.transparencia-box ul li {
	float:left;
	list-style:none;
}
div.transparencia-box ul li a {
	font-size: 8px;
	color: #355992;
	font-family: Verdana, Geneva, sans-serif;
	padding: 0 10px 0 0;
}
/*PORTAL TRANSPARENCIA BOX*/


/*TOPO NOTICIAS*/
#topo-noticias h1 {
	color:#474747;
	font-family:Verdana, Geneva, sans-serif;
	padding:10px 0;
	font-size:28px;
	width: 286px;
	float: right;
}
#topo-noticias h2 {
	font-weight:normal;
	color:#818181;
	font-size:13px;
	font-family:Verdana, Geneva, sans-serif;
	font-style:italic;
}

#topo-noticias .legenda-destaque {
    width: 325px;
    margin: 0;
    font-size: 10px;
    line-height: 14px;
    color: #999;
}

#galeria-interna .legenda-noticia {
    width: 144px;
    font-size: 10px;
    line-height: 14px;
    color: #999;
    overflow: auto;
}


/*FIM TOPO NOTICIAS*/

/*PAGE NOTICIAS BOX LISTA*/
#lista-noticias {
	float:left;
	margin-bottom:25px;
}
#lista-noticias UL {
	float:left;
	margin-top:15px;
}
#lista-noticias ul li {
	width:100%;
	float:left;
	margin-bottom:10px;
	list-style:none;
}
#lista-noticias ul li a {
	color:#5280c9;
	font-size:15px;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	font-weight:bold;
	display:block;
}
#lista-noticias ul li a:hover{
	text-decoration:underline;
	color:#666;}
#lista-noticias ul li p {
	margin-top:5px;
	font-size:11px;
}
#lista-noticias h4 {
	font-size:17px;
	font-family:kalinga;
	color:#3a3a3a;
	font-weight:normal;
	margin-bottom:7px;
}
#lista-noticias h4 span {
	font-size:11px;
	font-family:Verdana, Geneva, sans-serif;
}
#lista-noticias a.veja-mais {
	float: right;
	font-family: verdana;
	font-size: 10px;
	display: block;
	color: #2367D2;
}
/*FIM PAGE NOTICIAS BOX LISTA*/

#artigos-home a, #videos a{
	text-decoration: none;
	color: #5280cd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#videos h4{color: /*#E8AB35;*/ #609A49;}
#videos div{text-align:right}


/*NOTÍCIAS*/

.view-v-noticias .view-display-id-block_5, .view-v-noticias2 .view-display-id-block_5{
	clear:both;
	margin: 15px 0;
}

#noticias p {
	margin: 10px 0 0 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #818181;
	line-height: 15px;
}


/* NOTÍCIAS DESTAQUES NA HOME */

#noticias .views-field-value0 {display: none;} /*oculta ordem do draggable*/

.noticia-home-d1{position: relative; margin-bottom: 1.5em; height: 667px;}
.noticia-home-d1 img { width: 1000px; height: 667px;}

.noticia-home-d1 .noticia-textos{
	padding: 2.5em;
	position: absolute;
    bottom: 0;
	background: rgba(5, 61, 110, 0.8);
	color: #fff;
	width: 920px;}
	
.noticia-home-d2{overflow:auto; display: inline;}
/*#podcast {float: right;}*/

#podcast_titulo {
    background: url(img/podcast_fundo_.jpg) no-repeat;
    width: 228px;
    height: 131px;
    text-align: center;
	float: right;
}
#podcast_titulo a{
	color: #fff;
	padding-top: 6em;
	display: block;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	padding-bottom: 1em;
}

.view-podcast-post-semana { display:none /*margin-top: 2.8em;*/}

.noticia-home-d2 > div{
	float: left;
    width: 32%;
    margin: 1em 0.8em 0.5em 0;
	/*Para destaque do podcast junto
	width: 22%;
    margin: 1em 1.8em .5em 0;*/
}

.noticia-home-d2 a h2{
	color: #555454;
    font-weight: bold;
    font-size: 18px;
    font-family: Arial;
	line-height: 1.3em;
	margin-top: .4em;}

.noticia-home-d2 .views-field-name {
    background: #295983;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    padding: 4px 6px;
    display: inline-block;
    text-transform: uppercase;}
	
span.chapeu-destaque {text-transform: uppercase;}

#noticias a.mais-info{
    color: #6da9c3;
    font-size: 12px;
    display: inline-block;
    margin: 5px 0 30px 0;
    background-color: #efefef; /* #dfedf4;*/
    width: 97%;
    text-align: right;
    padding: 4px 12px;
}

/*FIM NOTÍCIAS*/


/*BANNER HOME*/
#banner-home {float:left; margin-bottom: 35px;}
.banner-home img {margin: 0.5em 0.46em 0.5em 0;}
/*#banner_principal { margin-bottom:30px;	margin-top: -12px;}*/
#banner-top-news {display: block; width: 100%; height: 100px; margin-top: 23px; margin-bottom: 2em;}
div#banner-g { text-align: center; height: 175px; margin: -1.2em 0 2em 0; background: url(img/fundo-banner-ppp-tvb3.png); /*background: url(https://site.sanepar.com.br/sites/site.sanepar.com.br/files/banner-fatura-home-fundo2.png);*/} 

.banner-slide .views-field-field-imagem-banner-fid {  
	text-align: center; height: 171px; margin: -1.2em 0 2em 0; background-color: #1D5DA4;
    /*background: url(https://site.sanepar.com.br/sites/site.sanepar.com.br/files/banner-slide.png);*/}
.banner-topo {margin: .7em 0 1.3em;}
.banner-box { margin-bottom: 1.5em;}
.banner-topo div, .banner-box div, .banner-extra-2 div {display: inline-block;}
.banner-topo div:nth-child(2), .banner-box div:nth-child(2) { margin: 0 1.34em;}
.aviso-eleitoral{height: 68px; margin-top: 1.5em;}
.banner-extra {text-align: center; }
.banner-extra div {margin: 1em 0 0 0; display: block;}
.banner-extra-2 { margin: 1.3em 0;}
.banner-extra-2 > div:first-of-type {margin-right: 15px;}
a.banner2 {float: right;}



/*FIM BANNER HOME*/


/*SERVIÇOS-HOME*/
#servicos-home {
	width: 645px;
	padding: 15px 15px 20px 15px;
	background: url(img/servicos_home.png) no-repeat;
	float: left;
	position: relative;
	margin-bottom:25PX;
}
#servicos-home span {
	float: left;
	color: white;
	font-family: kalinga;
	font-size: 18px;
	width: 100px;
}
#servicos-home ul li {
	list-style: none;
	float: left;
	background: url(img/lista_servicos_home.png) no-repeat right -5px;
}
#servicos-home ul li:last-child {
	background:none;
}
#servicos-home ul li a {
	float: left;
	text-decoration: none;
	color: white;
	font-family: kalinga;
	font-size: 12px;
	width: 80px;
	text-align: center;
	padding: 0 25px;
}
#servicos-home ul li a:hover {
	color:#EDEDED;
	text-decoration: underline;
}
#servicos-home ul li a img {
	display: block;
	margin: 0 auto;
}
#servicos-home ul li a:hover img {
	margin-top:-2px;
}
#servicos-home a.todos {
background: url(img/todos.png) no-repeat;
width: 43px;
height: 45px;
display: block;
position: absolute;
right: 2px;
bottom: 9px;
}
#servicos-home a.todos:hover {
background-position: left 2px;
right: 0;
}
/*FIM SERVIÇOS-HOME*/


#menu-servicos iframe {
float:left;
}

#menu-servicos .view-display-id-block_2 {
float: right;
width: 222px;
text-align: left;
font-size: 11px;
line-height: 19px !important;
background:white;
padding: 15px 0px;
border: 1px solid #EEE;
}

#menu-servicos .view-display-id-block_2 img {		
	float: left;
	margin-right:7px;
}

#menu-servicos .view-display-id-block_2 ul{
    margin:0;
    width: 206px;
}

#menu-servicos .view-display-id-block_2 ul li {
	list-style: none;
	margin-bottom: 5px;
	padding: .3em !important;
	width: 100%;
	background-color: hsla(0, 0%, 0%, 0);
    border-bottom: 1px solid #eee;
}

#menu-servicos .view-display-id-block_2 ul li a {
	font-size: 12px !important;
    vertical-align: middle;
}

#topo-relacionamento-virtual{
	width:730px;
	float:left;	
}

#menu-servicos{
	float:right;
	width:250px;		
}

#iframe-atendimento{
	width:745px;
	float:left;
	overflow:hidden;	
	
}


/*UTILIDADES-HOME*/
#utilidades_inner ul {
	float: left;
	padding:5px 0;
    width: 650px;
}
#utilidades_inner ul li {
	list-style: none !important;
	float: left;
	width: 30%;
	margin: 5px 20px 5px 0;
	height: 115px;
    overflow:hidden;
}
#utilidades_inner ul li span {
	color:#355992;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
#utilidades_inner ul li p {
	color:#797979;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
    text-transform:none;
    line-height: 1.5;
    margin: 0;
}


#utilidades .data {
    line-height: 1.1;
    margin-bottom: .5em;
}

#motivosParadas{
    background-color: #fff;
    padding: 1em 1.5em 1em 3em;
    margin-bottom: 2em;
    border-radius: 29px;
    border: 1px solid #eee;
    text-transform: none;
}

.view-v-utilidadespublicas .pager{margin-bottom: 40px;}

.view-v-utilidadespublicas ul.lista-direita, .utilidades_inner_in ul.lista-direita {
	height: 60px !important;
	width: 650px;
	border-top: 1px solid #E4E4E4 !important;
	border-bottom: 1px solid #E4E4E4 !important;
	border-left: none !important;
	padding:0  !important;
	margin-bottom: 40px;
}

.view-v-utilidadespublicas ul.lista-direita li, #utilidades_inner ul.lista-direita li {
	width:100%;
	margin:0;
	float: left;
	list-style: none; 
	height:60px !important;
}

.view-v-utilidadespublicas ul.lista-direita li a , #utilidades_inner ul.lista-direita li a {
	text-decoration: none;
	color: #355992;
	float: left;
	font-family: kalinga;
	font-size: 12px;
	padding: 10px 0 15px 40px;
	font-weight: bold;
	background: url(img/lista_utili_home_b.png) no-repeat left 12px;
}
.view-v-utilidadespublicas ul.lista-direita li a:hover, #utilidades_inner ul.lista-direita li a:hover {
	background-position: left -53px;
	color:#6d6e71;
	text-decoration:underline;
}
.view-v-utilidadespublicas ul.lista-direita li a.dois, #utilidades_inner ul.lista-direita li a.dois {
	background-position: left -125px;
}
.view-v-utilidadespublicas ul.lista-direita li a.dois:hover, #utilidades_inner ul.lista-direita li a.dois:hover {
	background-position: left -200px;
	color:#6d6e71;
	text-decoration:underline;
}
.view-v-utilidadespublicas ul.lista-direita li a.tres, #utilidades_inner ul.lista-direita li a.tres {
	background-position: left -278px;
}
.view-v-utilidadespublicas ul.lista-direita li a.tres:hover, #utilidades_inner ul.lista-direita li a.tres:hover {
	background-position: left -353px;
	color:#6d6e71;
	text-decoration:underline;
}

.view-v-utilidadespublicas ul.lista-direita li, .utilidades_inner_in ul.lista-direita li{
	border-left:1px solid #E4E4E4;
	list-style:none !important;
	width:210px !important;
}
.view-v-utilidadespublicas ul.lista-direita li:first-child, .utilidades_inner_in ul.lista-direita li:first-child{
	border-left:none !important;
}
.view-v-utilidadespublicas ul.lista-direita li a, .utilidades_inner_in ul.lista-direita li a{
	margin-left:24px !important;
}


#utilidades_inner ul.lista-direita li {
	width:100%;
	margin:0;
	height:60px !important;
}
#utilidades_inner ul.lista-direita li a {
	text-decoration: none;
	color: #355992;
	float: left;
	font-family: kalinga;
	font-size: 12px;
	padding: 15px 0 15px 40px;
	font-weight: bold;
	background: url(img/lista_utili_home.png) no-repeat left 12px;
}
#utilidades_inner ul.lista-direita li a:hover {
	background-position: left -53px;
	color:#6d6e71;
	text-decoration:underline;
}
#utilidades_inner ul.lista-direita li a.dois {
	background-position: left -125px;
}
#utilidades_inner ul.lista-direitali a.dois:hover {
	background-position: left -200px;
	color:#6d6e71;
	text-decoration:underline;
}
#utilidades_inner ul.lista-direita li a.tres {
	background-position: left -278px;
}
#utilidades_inner ul.lista-direita li a.tres:hover {
	background-position: left -353px;
	color:#6d6e71;
	text-decoration:underline;
}

#views-exposed-form-v-utilidadespublicas-page-1 .form-text{
    border: 1px solid #ddd;
    padding: .45em;
}

#views-exposed-form-v-utilidadespublicas-page-1 .views-exposed-widget label, #views-exposed-form-v-utilidadespublicas-page-1 .views-exposed-widget div {display: inline-block}
#views-exposed-form-v-utilidadespublicas-page-1 .views-submit-button input{margin: .4em !important;}

#edit-submit-v-utilidadespublicas{ margin: .4em;}

.tabela-rodizio {clear: both; display: inline-block; width: 100%;}
.tabela-rodizio table { width: 100%; margin-bottom: 2em;}
.tabela-rodizio .views-exposed-form select {padding: 5px;}
.tabela-rodizio .views-exposed-form input{padding: 5px; margin: 4px 4px 4px 0;}
.tabela-rodizio table caption {background-color: #305f27 !important; color: #fff; font-weight: bold; font-size: 1.5em; padding: .2em !important;}
.tabela-rodizio th {background: #6ba661; color: #fff; padding: 0.3em .6em; font-size: .9em; text-align: center;}
.tabela-rodizio td {font-family: Verdana, Geneva, sans-serif;  font-size: 12px;  color: #818181; padding: .5em; vertical-align: top;}
.tabela-rodizio td a{margin: 0 0 .5em 0; color: #4b8542 !important;}
.tabela-rodizio td p{margin: 0 0 2em 0;}

span.data-rodizio {min-width: 125px; display: block; text-align: center; font-weight: bold;}

/*FIM UTILIDADES-HOME*/



/* DESTAQUES DE UTILIDADES PÚBLICAS */
.grande-impacto a.destaque{    display: block;    padding: 0.6em .3em .5em 6em;    margin: .4em 0;    color:#555;    font-weight: bold;    background: url(img/fundo_up_01.png) no-repeat;    text-transform: uppercase;}
.grande-impacto a.destaque:hover{    background: url(img/fundo_up_03.png) no-repeat;}
.grande-impacto a.destaque > span {	height: 16px;	display: inline-block;	overflow: hidden;	margin-bottom: .3em;}
.grande-impacto .destaque p {    height: 19px;    overflow: hidden;}

.emergencial a.destaque {    display: block;    padding: 1em 2em;    background: #e2e2e2;    color: #555;    font-weight: bold;    margin-bottom: 0.13em;    text-transform: uppercase;}
.emergencial a.destaque:hover {    color: #777;    background: #e9e9e9;}
.emergencial .destaque p {    margin: .4em 0 0 0;}

#utilidades .cidade {    color: #355992;    font-weight: bold;    text-transform: uppercase;    line-height: 1.5;}
#utilidades a {    padding: 1em;    overflow: auto;    display: block;}
#utilidades a:hover{    display: block;    background-color: #fdfdfd;}

.page-paradas-no-abastecimento h3{    color:#555;    padding-top: 4em !important;}
.page-paradas-no-abastecimento a:hover{    text-decoration: none;}


/*INICIO PAGE SANEPAR*/

/*BREADCRUMB NAVEGAÇÃO*/
.breadcrumb {
	background:#fff;
	height:10px;
	padding:7px 20px 17px;
	border:1px solid #f0f0f0;
	width:960px;
	margin:0 auto 10px; /* -15px auto 10px;*/  
}
.breadcrumb ul {
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
}
.breadcrumb ul li {
	float: left;
	list-style: none;
	color: #626262;
	text-decoration: none;
	font-size: 12px;
	padding:0 3px;
}
.breadcrumb ul li.voltar {
	float:right;
}
.breadcrumb ul li a {
	color: #2367d2;
	text-decoration: none;
	font-size: 12px;
}
.breadcrumb ul li a:hover {
	text-decoration: underline;
}
.breadcrumb a{
	font-size:12px;
	text-transform:uppercase;
}
/*FIM BREADCRUMB NAVEGAÇÃO*/	




/*FIM BREADCRUMB NAVEGA??O*/	

/*MIDIAS TOPO*/
#midias-topo {
	background: white;
	padding: 10px 20px;
	border: 1px solid #F0F0F0;
	width: 960px;
	margin: 0 auto 10px;
	float: left;
}
#midias-topo h1 {
	font-size: 17px;
	color: #355992;
	font-family: kalinga;
	font-weight: normal;
	float: left;
}

#midias-topo h4 {
	font-size: 17px;
	color: #355992;
	font-family: kalinga;
	font-weight: normal;
	width: 300px;
	float: left;
}
#compartilhe {
	float:right;
	width:140px;
	padding-top:5px;
}
/*FIM MIDIAS TOPO*/

/*BLOCO PERFIL*/
div.sanepar-box, a.sanepar-box {
	padding: 20px;
	width: 290px;
	height: 125px;
	background: url(img/page-sanepar/sanepar_box.png) no-repeat;
	float: left;
	margin: 7px 0px 7px 3px;
	position: relative;
	display:block;
}
div.sanepar-box:hover, a.sanepar-box:hover {
	background: url(img/page-sanepar/sanepar_box_hover.png) no-repeat;
}
.sanepar-box h2 a, a.sanepar-box h2 {
	color:#5280c9;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
.sanepar-box img {
	float: left;
	margin: 15px 15px 25px 0;
}
.sanepar-box p {
	line-height: 19px;
	margin-top: 5px;
}
.sanepar-box a.saiba_sanepar_box, a.sanepar-box span.saiba_sanepar_box {
	color: #2367D2;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	position: absolute;
	right: 5px;
	bottom: 11px;
	background: white;
	padding: 5px 10px;
	display: block;
}
a.sanepar-box span.saiba_sanepar_box:hover {
	text-decoration:underline;
}
.sanepar-box ul li {
	list-style:none;
	float:left;
}
.sanepar-box ul li a {
	color:#5280c9;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	display:block;
	padding: 0 6px;
	border-left:1px solid #5280c9;
}
.sanepar-box ul li a:hover {
	text-decoration:underline;
}
.sanepar-box ul li:first-child a {
	border:none;
	padding-left:0;
}
/*FIM BLOCO PERFIL*/
/*FIM PAGE SANEPAR*/

/*RELEASES*/
#releases {
	width:100%;
	float:left;
	margin-top:15px;
	padding-top:10px;
	border-top:1px solid #d3d3d3;
}
#releases ul li a {
	font-size:13px;
	color:#355992;
}
#releases ul li p {
	margin: 3px 0 15px;
}
/*FIM RELEASE*/


/*PERFIS*/
#perfis {margin-bottom: 1em;}
#perfis .block_perfis_clientes {
	display: inline-block;
	margin-right: 1em;
	position: relative;
	background: #618287;
}
#perfis .block_perfis_fornecedores a.content_block:hover {background: #BA9900 !important; }

#perfis p {line-height: 16px;}

#perfis .block_perfis_clientes a.content_block:hover {background: #0E484F; text-decoration: none}
#perfis .block_perfis_clientes ul li {
	color: #FFFFFF;
	list-style: none;
	text-align:left;
}
#perfis .block_perfis_clientes ul a {
	color:#FFF;
	font-family:kalinga;
	font-size:11px;
	width:120px;
	padding:5px 2px;
	display:block;
}
#perfis .block_perfis_clientes ul a:hover {	background:#fff;	color:#333 !important;}
#perfis .block_perfis_clientes img {	margin: 0 10px 0 0;    float: left;}
#perfis .block_perfis_clientes p {
	color:#FFF;
	font-size: 0.55em;
	margin: 0;
	line-height: 13px;
}
#perfis .block_perfis_clientes a.content_block {
	color: #FFF;
    font-family: kalinga;
    display: block;
	padding: 10px;
    width: 214px;
    height: 47px;
	overflow: hidden;
}
#perfis .block_perfis_clientes ul li a:hover {color:#FFF; text-decoration:underline; font-family:kalinga;}
#perfis .block_perfis_investidores a.content_block {background: #438dd1 !important;}
#perfis .block_perfis_investidores a.content_block:hover {	background: #3a67ad !important;}
#perfis .block_perfis_prefeituras a.content_block {	background: #81b6a2 !important;}
#perfis .block_perfis_fornecedores {margin-right:0 !important;}
#perfis .block_perfis_fornecedores a.content_block {background: #c3b56e !important;}
#perfis .block_perfis_prefeituras a.content_block:hover {background: #25956A !important;}

/*FIM PERFIS*/


.leiamais a{
	font-size: 12px;
	margin-top: 40px;
	display: block;
	border-top: 1px solid #ccc;
	padding-top: 8px;}


/*------------------ Qualidade home 2020 --------------------*/
.qualidade-home {margin-bottom: 2em; background: url(img/ic_quali_agua.png) no-repeat left center #e7e6e6; overflow: auto; padding-left: 4em;}
.qualidade-home h3 {color: #62a5c7; font-family: Arial; font-size: 14px; text-transform: uppercase; margin: .5em 0;}
.qualidade-home .item-list { float: left; margin: .4em 0 0 4em;}
.qualidade-home li a { font-size: 11px; color: #fff; text-transform: uppercase; background: #6fb3d6; padding: 6px; display: block;}
.qualidade-home ul li { list-style: none; display: inline-block;   margin: 0 1em 0 0;}
.qualidade-home p.rodapeQualidade { color: #fff;  font-size: 13px;    font-family: Arial; font-weight: bold;  font-style: italic; line-height: 1.4em; padding: 10px 27px;  background: #6fb3d6; float: right; width: 184px;  margin: 0;}


#content_inner h3, .view-concurso h2, .node h3, .formas-contato h3{
	font-family: kalinga;
	text-transform: uppercase;
	font-size: 16px;
	border-bottom: 1px solid #CFCFCF;
    padding: 1em 0 .2em 0;
    margin-bottom: .5em;
	color: #444;
}


/*BANNER*/
#banner {
	width:315px;
	height:auto;
	margin:0 0 15px 0;
	float:left;
	padding-bottom:11px;
}

.views-field-field-imagem-banner-topo-fid { margin-bottom: 5px; float: left;}
.view-id-2016_bannerTopo .views-field-field-imagem-banner-topo-fid {margin-top: 0.5em;}

/*FIM BANNER*/

/*FOOTER */

#footer_inner a.serv {
	color:#226b74;
	float:left;
	font-size:18px;
	font-family:kalinga;
	display:block;
	margin-top:18px;
	margin-bottom:20px;
	text-decoration:none;
}
#footer_inner a.serv img {
	float:left;
	margin-right:10px;
	margin-top:-2px;
}
#footer_inner a.serv span {
	color:#4b4b4b;
	font-size:12px;
	font-family:kalinga;
}

.login_footer {
	width:205px;
	float:left;
	margin-left: 15px
}
.login_footer strong {
	color:#3a3a3a;
	font-family:kalinga;
	font-size:15px;
	text-shadow:0 1px 1px #FFF;
	background:url(img/line_footer.png) center bottom repeat-x;
	padding-bottom:10px;
	display:block;
}
.login_footer form {
	position:relative;
	float:left;
	margin-top:10px;
}
.login_footer form input {
	padding: 10px 15px 11px 15px;
	background: white;
	font-family: kalinga;
	font-size: 12px;
	width: 86%;
	float: left;
}
.login_footer form a em {
	display: none;
	background: url(img/tool_tip_bg.png) no-repeat;
	width: 222px;
	height: 113px;
	position: absolute;
	top: -100px;
	padding: 15px;
	color: #333;
}
.login_footer form a.tool1 {
	background: url(img/help.png) no-repeat;
	width: 36px;
	height: 33px;
	position: absolute;
	right: 0;
	top: 1px;
}
.login_footer form a.tool2 {
	background: url(img/help.png) no-repeat;
	width: 37px;
	height: 34px;
	position: absolute;
	right: -1px;
	top: 1px;
}
.tool_p {
	position:relative;
	margin:0 0 15px 0 !important;
	padding:0 !important;
	float:left;
	display:block;
	width:100%;
}
.login_footer form input.submint {
	background:url(img/enviar_footer.png);
	width:222px;
	height:32px;
	float:right;
	color:#FFF;
	font-family:kalinga;
	font:12px;
	cursor:pointer;
	margin-bottom: 10px;
}
.login_footer form input.submint:hover {
	background-position:left bottom;
}
.login_footer form .esqueceu {
	float:left;
	color:#226b74;
	width:190px;
	display:block;
	font-family:kalinga;
	font-size:12px;
	text-align:left;
	margin-top: 8px;
}
.login_footer form .esqueceu:hover {
	text-decoration:underline;
	color:#333;
}
#services_footer {
width: 595px;
height: 360px;
margin-left: 20px;
background: url(img/line_footer_vert.png) left no-repeat;
float: left;
padding: 0 0 0 15px;
}
#services_footer li {
	float:left;
	list-style:none;
	width:192px;
	
}
#services_footer li img {
	float:left;
	margin-right:7px;
	margin-top:-5px;
}
#services_footer li a {
	color:#3a3a3a;
	font-family:kalinga;
	font-size:12px;
	padding:10px 5px;
	display:block;
	margin:6px;
}
#services_footer li a:hover {
	color:#333;
	text-decoration:underline;
}
.redes {
width: 155px;
height: 360px;
margin-left: 10px;
float: right;
background: url(img/line_footer_vert.png) left no-repeat;
padding-left: 15px;
}
.redes strong {
	color: #3A3A3A;
	font-family: kalinga;
	font-size: 15px;
	text-shadow: 0 1px 1px white;
	padding-bottom: 10px;
	display: block;
}
.redes a.face {
	background:url(img/face.png) left top no-repeat;
	width:38px;
	height:38px;
	display:block;
}
.redes a.face:hover {
	background-position:left bottom;
}
.redes a.face {
	background:url(img/face.png) left top no-repeat;
	width:38px;
	height:38px;
	display:block;
	margin:5px;
	float:left;
}
.redes a.face:hover {
	background-position:left bottom;
}
.redes a.twitter {
	background:url(img/twitter.png) left top no-repeat;
	width:38px;
	height:38px;
	display:block;
	float:left;
	margin:5px;
}
.redes a.twitter:hover {
	background-position:left bottom;
}
.redes a.youtube {
	background:url(img/youtube.png) left top no-repeat;
	width:38px;
	height:38px;
	display:block;
	float:left;
	margin:5px;
}
.redes a.youtube:hover {
	background-position:left bottom;
}
.redes a.flickr {
	background:url(img/flickr.png) left top no-repeat;
	width:38px;
	height:38px;
	display:block;
	float:left;
	margin:5px;
}
.redes a.flickr:hover {
	background-position:left bottom;
}
.redes a.google {
	background:url(img/google.png) left top no-repeat;
	width:38px;
	height:38px;
	display:block;
	float:left;
	margin:5px;
}
.redes a.google:hover {
	background-position:left bottom;
}

#sub_menu1_footer .block ul{
	margin: 0;
	padding: 0 0 0.25em 5px !important;
}

#sub_menu1_footer .block {
	float:left;
	width:230px;
	margin-right:30px;
}
#sub_menu1_footer .block3 {
	width:180px !important;
}
#sub_menu1_footer .block li {
	list-style:none;
}
#sub_menu1_footer .block strong a {
	color:#FFF;
	font-family: kalinga;
	background:url(img/line2_footer.png) center bottom repeat-x; 
	font-size: 15px;
	padding-bottom: 6px;
	display: block;
	margin-bottom:5px;
}
#sub_menu1_footer .block strong a:hover {
	color:#e1e1e1;
}
#sub_menu1_footer .block li a {
	color:#97b8eb;
	font-family:kalinga;
	font-size:12px;
	/*line-height:20px;*/
}
#sub_menu1_footer .block li a:hover {
	text-decoration:underline;
	color:#FFF;
}
#sub_menu2_footer {
	width:100%;
	float:left;
	margin-top:25px;
}
#sub_menu2_footer .block {
	float:left;
	margin-left:54px;
}
#sub_menu2_footer .block:first-child {
	float:left;
	margin-left:0 !important;
}
#sub_menu2_footer .block li {
	list-style:none;
}
#sub_menu2_footer .block strong a {
	color:#FFF;
	font-family: kalinga;
	background:url(img/line2_footer.png) center bottom repeat-x;
	font-size: 14px;
	padding-bottom: 10px;
	display: block;
	margin-bottom:15px;
	padding-right:28px;
}
#sub_menu2_footer .block strong a:hover {
	color:#e1e1e1;
}
#sub_menu2_footer .block li a {
	color:#97b8eb;
	font-family:kalinga;
	font-size:12px;
	line-height:20px;
}
#sub_menu2_footer .block li a:hover {
	text-decoration:underline;
	color:#FFF;
}
/*FOOTER */


#sub_menu{
	position:absolute;
	width:240px;
	background:#FFF;
	padding:8px;
	border:1px solid #e1e1e1;
	display:none;
}
#sub_menu li{	float:left;	width:100%;}
#sub_menu li h2{	font-size:25px;	color:#333;}
#sub_menu li a{	border-top:1px solid #f1f1f1;}
#sub_menu li:first-child a{	border-top:none !important;}
#sub_menu li a{	color:#333 !important;	padding:10px 10px 10px 10px !important;}
#sub_menu li a:hover{	color:#FFF!important;}

.menu_inner #perfil li.clientes_t #sub_menu li:hover{	background:#226b74;}
.menu_inner #perfil li.prefeituras_t #sub_menu li:hover{	background:#40b688;}
.menu_inner #perfil li.investidores_t #sub_menu li:hover{	background:#86a6d9;}
.menu_inner #perfil li.fornecedores_t #sub_menu li:hover{	background:#d8b61a;}

.menu_inner .principal .menu, .menu_inner .perfil .menu{	position:absolute;	width:240px;	background:#FFF;	padding:15px;	border:1px solid #e1e1e1;	display:none;}
.menu_inner .principal .menu li{	float:left;	width:100%;}
.menu_inner .principal .menu li h2{	font-size:25px;	color:#333;}
.menu_inner .principal .menu li a{	border-top:1px solid #f1f1f1;}
.menu_inner .principal .menu li:first-child a{	border-top:none !important;}
.menu_inner .principal .menu li a{	color:#333 !important;	padding:10px 10px 10px 10px !important;}
.menu_inner .principal .menu li a:hover{	color:#FFF!important;}
.menu_inner .principal .menu ul{	display:none;}
.menu_inner .principal .menu  ul, .menu_inner .perfil .menu  ul{	display:none !important;}

ul.menu li {	margin:0 !important;}

.menu_inner #perfil .perfil ul li.clientes_t a {	color:#226b74;}
.menu_inner #perfil .perfil ul li.prefeituras_t  a{ 	color:#40b688;}
.menu_inner #perfil .perfil ul li.investidores_t a{	color:#86a6d9;}
.menu_inner #perfil .perfil ul li.fornecedores_t a{	color:#d8b61a;}
.menu_inner #perfil .perfil ul li.clientes_t:hover{	background:#226b74;}
.menu_inner #perfil .perfil ul li.clientes_t:hover a{	color:#FFF;	text-decoration:none;}
.menu_inner #perfil .perfil ul li.prefeituras_t:hover{	background:#40b688;}
.menu_inner #perfil .perfil ul li.prefeituras_t:hover a{	color:#FFF;	text-decoration:none;}
.menu_inner #perfil .perfil ul li.investidores_t:hover{	background:#86a6d9;}
.menu_inner #perfil .perfil ul li.investidores_t:hover a{	color:#FFF;	text-decoration:none;}
.menu_inner #perfil .perfil ul li.fornecedores_t:hover{	background:#d8b61a;}
.menu_inner #perfil .perfil ul li.fornecedores_t:hover a{	color:#FFF;	text-decoration:none;}
.menu_inner #perfil .perfil ul li {	float:left;	list-style:none;	width:100%;}
.menu_inner #perfil .perfil ul li a {	color:#FFF;	font-family:kalinga;	font-size:11px;}



/*  Extensão CSS ---->*/

/* FALE CONOSCO*/
.box-fale-conosco {
	width: 315px;
	height: auto;
	margin: 0 0 15px 100px;
	float: left;
}
.box-fale-conosco strong a {
	background: #F2F2F2;
	display: block;
	padding: 5px 0 5px 15px;
	color: #5280C9;
	font-family: kalinga;
}
.box-fale-conosco form input, .box-fale-conosco form textarea {
	background: #FFF;
	border: 1px solid #B5B5B5;
	padding: 10px 15px;
	color: #B5B5B5;
	width: 283px;
	margin: 7px 0;
}
.box-fale-conosco form textarea {
	min-height:150px;
}
.box-fale-conosco form {
	margin: 15px 0;
	float: left;
}
.box-fale-conosco form input.eniar {
	background: #226b74;
	float: right;
	color: white;
	width: 100px;
	cursor: pointer;
}
.box-fale-conosco form input.eniar:hover {
	background: #3460A5;
}
.contato-fale-conosco {
	float: right;
	width: 522px;
	padding: 0px;
	height: auto;
	margin: 0 0 15px 0;
	background: url(img/sombra_side.png) center bottom no-repeat;
}
.contato-fale-conosco .interna-contato {
	height: auto;
	width: 320px;
	margin: 0 100px 11px 0;
	float: right;
	padding: 20px;
	background: white;
	border: 1px solid #B5B5B5;
	margin-top:20px;
}

/*---- FORMAS DE CONTATO -----------------------------------*/

#content .formas-contato .views-exposed-widgets
{   overflow: hidden;
    padding: 2em;
    text-align: center;
}

#content .formas-contato .views-exposed-form .views-exposed-widget{float: none;}
#content .formas-contato select#edit-field-cat-form-cont-value{font-size: 15px; padding: 8px;}
#content .formas-contato label {font-size: 18px !important;}
#content .formas-contato .views-widget { margin: 1em 0 0 0;}
#content .formas-contato .views-exposed-form .views-exposed-widget input[type="button"], #content .formas-contato .views-exposed-form .views-exposed-widget input[type="submit"]{
    font-size: .8em;
    margin-top: 1.3em;
    padding: 7px 12px;
	background-color: #226b74;
}

#content .formas-contato .views-field-field-link-form-cont-url a, #content .formas-contato .views-field-edit-node a{
    background-color: #226b74;
    color: #fff;
    padding: 8px;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    margin: 0 1em 1em 0;
}
#content .formas-contato ul, #content .formas-contato div, #content .formas-contato span{
	margin: 10px 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #818181;
	line-height: 22px;
	font-weight: normal;
}

#content .formas-contato ul{margin-left: 2em;}
/*----------------------------------------------------------*/

.interna-contato ul {	float:left;}
.interna-contato ul li {
	list-style: none;
	width: 315px;
	float: left;
	padding: 15px 0;
}
.interna-contato ul li a {
	padding: 5px 0;
	color: #355992;
	font-family: kalinga;
	padding-right: 60px;
	font-size: 15px;
	background: url(img/icon_contato_mais.png) no-repeat right center;
	display: block;
}
#topo-noticias{	float:left;}
.interna-contato ul li a:hover {background: url(img/icon_contato_mais_hover.png) no-repeat right center;}
.interna-contato ul li a img {	margin:-8px 10px 0 0;	float:left;}
strong.entrecontato, strong.servicos-funcionalidades {
	color: #798CA9;
	font-family: kalinga;
	text-transform: uppercase;
	font-size: 16px;
	border-bottom: 1px solid #CFCFCF;
	margin: 5px 0 25px;
	display: block;
}
/*FIM FALE-CONOSCO*/

/*INICIO FALE CONOSCO MODULO CONTACT / WEBFORM FALE CONOSCO */
/*#contact-mail-page, #node-20870, #node-43400 {
    background: #fff;
    padding: 25px;
    border: 1px solid #f1f1f1;
}*/

/*#contact-mail-page div, #webform-client-form-20870 div, #webform-client-form-43400 div */
.node-type-webform .node{
    font-size: 12px;
    font-family: Verdana, Geneva, sans-serif;
    color: #818181;
    line-height: 1.5;
	background: #fff;
    padding: 25px;
    border: 1px solid #f1f1f1;
}

/*#contact-mail-page div input, #contact-mail-page div textarea, #contact-mail-page div select, #webform-client-form-20870 input,  #webform-client-form-20870 select, #webform-client-form-20870 textarea, #webform-client-form-43400 input, #webform-client-form-43400 select, #webform-client-form-43400 textarea*/
form.webform-client-form input, form.webform-client-form select, form.webform-client-form textarea  {
    background: #F7F7F7;
    border: 1px solid #b5b5b5;
    padding: 10px 15px;
    box-sizing: border-box;
}

/*#contact-mail-page div input.form-submit, #webform-client-form-20870 input.form-submit, #webform-client-form-43400 input.form-submit 
{    background: #5280c9;    height: 35px;	width: 120px;    padding: 5px;    color: #fff;}*/

form.webform-client-form #edit-submit {
    background: #5280c9;
    height: auto;
    width: auto;
    padding: 10px 25px;
    color: #fff;
}

.messages.error ul {   margin-left: 25px;}

/*FIM FALE CONOSCO MODULO CONTACT / WEBFORM FALE CONOSCO */


/*INICIO SERVICOS ON-LINE*/
strong.servicos-funcionalidades {
	color:#226b74;
}
.lista-servicos ul li {
	list-style:none;
	float:left;
	margin:10px 0;
}
.lista-servicos ul li img {
	float:left;
	margin:5px 15px 20px 0 !important;
}
.lista-servicos ul li h3 {
font-family: Verdana, Geneva, sans-serif;
font-size: 18px;
color: #999;
margin: 0 !important;
border: none !important;
}
.lista-servicos ul li p {
	font-size:11px;
	margin-top:0px;
}
.login-sidebar {
	background: white;
	padding: 40px;
	float: right !important;
	border: 2px solid #226B74;
	margin-top:10px;
}
.login-sidebar form input {
	border:1px solid #d1d1d1;
	padding: 10px 13px 9px 15px !important;
}
.login-sidebar strong {
	text-align:center;
}
/*FIM SERVICOS ON-LINE*/

/*INICIO TRABALHE CONOSCO*/
#meio-trabalhe {
	width:700px;
	margin:20px auto;
	height:170px;
}
a.trabalhe-box {
	padding: 20px;
	width: 290px;
	height: 125px;
	background: url(img/page-sanepar/sanepar_box.png) no-repeat;
	float: left;
	margin: 7px 0px 7px 3px;
	position: relative;
	display:block;
	margin:0 10px;
}
a.trabalhe-box:hover {
	background: url(img/page-sanepar/sanepar_box_hover.png) no-repeat;
}
a.trabalhe-box h2 {
	color:#5280c9;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	display:block;
}
.trabalhe-box img {
	float: left;
	margin: 15px 15px 25px 0;
}
.trabalhe-box p {
	line-height: 19px;
	margin-top: 5px;
}
a.trabalhe-box span.saiba_sanepar_box {
	color: #2367D2;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 9px;
	position: absolute;
	right: 5px;
	bottom: 11px;
	background: white;
	padding: 5px 10px;
	display: block;
}
.trabalhe-imagem {
	float: left;
	background: url(img/sombra_side.png) center bottom no-repeat;
	padding-bottom: 7px;
	margin:0 20px 20px 0;
}
.trabalhe-imagem img {
	padding:5px;
	background:#fff;
	border:1px solid #d1d1d1;
}
.trabalhe-conteudo h4 {
	color:#818181;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	margin:20px 0 5px;
}
.trabalhe-conteudo .trabalhe-link {
	float: right;
	display: block;
	color: white;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 15px 35px 15px 15px;
	background: #5280C9 url(img/icon_trabalhe-seta.png) 165px center no-repeat;
	margin:20px 0;
}
.trabalhe-conteudo .trabalhe-link:hover {
	background: #3460A5 url(img/icon_trabalhe-seta.png) 165px center no-repeat;
}
.trabalhe-conteudo .trabalhe-link-func {
	float: right;
	display: block;
	color: white;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding: 15px 35px 15px 15px;
	background: #5280C9 url(img/icon_trabalhe-seta.png) 250px center no-repeat;
	margin:20px 0;
}
.trabalhe-conteudo ul {
	float: right;
	margin-top: 35px;
	margin-right: 20px;
}
.trabalhe-conteudo ul li {
	list-style:none;
	float:left;
	color:#818181;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	padding:0 3px;
}
.trabalhe-conteudo ul li a {
	text-decoration:none;
	color:#5280c9;
	display:block;
	border-left:1px solid #818181;
	padding:0 5px;
}
.trabalhe-conteudo ul li a:hover {
	text-decoration:underline;
	color:#666;
}
/*FIM TRABALHE CONOSCO*/

.guia-tamanho {	width:auto !important;}
/*INICIO ENDERECOS*/
.encontre-endereco {
	width:358px;
	margin:20px auto;
	background: url(img/sombra_side.png) center bottom no-repeat;
	padding-bottom: 11px;
}
.encontre-endereco .inner-endereco {
	background:#fff;
	border:1px solid #d1d1d1;
}
.encontre-endereco .inner-endereco h4 {
	background:#5280c9;
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	font-weight:normal;
	padding:8px 0;
}
.encontre-endereco .inner-endereco form {
	width:220px;
	margin:25px auto;
}
.encontre-endereco .inner-endereco form input {
	background: #fff;
	border: 1px solid #abadb3;
	padding: 5px 15px;
	color: #666;
	width: 190px;
	margin: 5px 0;
}
.encontre-endereco .inner-endereco form select {
	background: white;
	border: 1px solid #ABADB3;
	padding: 5px 5px 5px 15px;
	color: #666;
	width: 222px;
	margin: 5px 0;
}
.encontre-endereco .inner-endereco form input.enviar {
	background: #5280C9 !important;
	color: white;
	margin: 10px auto !important;
	width: 80px;
	display: block;
	cursor:pointer;
}
.encontre-endereco .inner-endereco form p {
	display: block;
	text-align: center;
	margin:3px 0;
}
/*FIM ENDERECOS*/	

/* ENDERECOS TABELA*/
.enderecos-tabela {	width:100%;	float:left;}
.enderecos-tabela table {	color:#616161;	font-size:12px;	font-family:Verdana, Geneva, sans-serif;}
.enderecos-tabela table tr {	height: 50px;}
.enderecos-tabela table tr.even {	background:#fff;}
.enderecos-tabela table tr.odd {	background:#e9e9e9;}
.enderecos-tabela table tr td {	padding: 10px 20px;	font-size: 11px;}
.enderecos-tabela table tr td:first-child {	width:90px;}
.enderecos-tabela table tr td:last-child {	width:215px;}
.enderecos-tabela table {	border-collapse:collapse;}
.enderecos-tabela table tbody {	border-top:1px solid #ccc;}
.enderecos-tabela table thead tr {	color:#355992;	background:none !important;	font-family:Verdana, Geneva, sans-serif;}
.enderecos-tabela table thead tr td {	font-size:14px;}
/*FIM ENDERECO TABELA*/


/*INICIO PARADAS PROGRAMADAS*/
#paradas {
	float:left;
	width:100%;
	margin-bottom:35px;
}
#paradas h4 {
	color: #798CA9;
	font-family: kalinga;
	text-transform: uppercase;
	font-size: 16px;
	border-bottom: 1px solid #CFCFCF;
	margin: 5px 0 15px;
	display: block;
}
#paradas ul {
	float:left;
	margin-bottom:25px;
}
#paradas ul li {
	float:left;
	padding:8px 0 8px 15px;
	font-family:Verdana, Geneva, sans-serif;
	color:#818181;
	list-style:none;
	font-size:12px;
	width:100%;
	background: url(img/icon_lista-paradas.png) left center no-repeat;
}
#paradas form {
	float:left;
	width:250px;}	
#paradas form select{
	border:1px solid #6a87b3;
	padding:3px ;
	width:230px;}
#paradas form input.enviar {
background: #5280C9 !important;
color: white;
margin: 15px 0;
display: block;
padding: 5px 10px;
cursor:pointer;
}
/*FIM PARADAS PROGRAMADAS*/

#login #menu-inferior {margin: 0 0 0 24px;}


/*--- MURAL - PÁGINA CREDENCIAMENTO -----------------------------------------*/
.view-id-2016_mural { border: 12px solid #F2EBDB; background:url(img/cortica.jpg) no-repeat; padding: 5px 18px 5px 20px; margin-bottom: 20px;}
.view-id-2016_mural .views-field-title {color: #315a99; text-transform: uppercase; font-weight: bold;}
.view-id-2016_mural p { font-family: "Trebuchet MS"; font-weight: bold; font-size: 30px; color: #705c4a; text-align: center}
.view-id-2016_mural a {color: #6b8dc2; font-size: 14px}
.view-id-2016_mural div { background: url(img/alfinete.png) no-repeat top left #FDFDEB; padding: 10px 10px 10px 30px; border: 1px solid #dad1c5; margin: 30px 20px;
-webkit-box-shadow: 3px 4px 6px -1px rgba(179,166,149,1);
-moz-box-shadow: 3px 4px 6px -1px rgba(179,166,149,1);
box-shadow: 3px 4px 6px -1px rgba(179,166,149,1);}

.view-id-2016_mural div .views-field-title, .view-id-2016_mural div .views-field-field-link-mural-2016-url, .view-id-2016_mural div .views-field-field-pdf-mural-data {background: none; padding: 3px 0 0 5px; border: none; margin: 0; -webkit-box-shadow: none;  -moz-box-shadow: none; box-shadow: none; }


.node-type-guia-usuario-2012 .conteudo-download {
	background: url(img/clientes-pdf.png) no-repeat;
	width: 70px;
	float: left;
	margin: 10px 20px; 
	padding: 99px 10px 10px;
	font-size: 11px;
}
.node-type-guia-usuario-2012 .conteudo-download  img{	display:none;}

.conteudo-download { margin-bottom:20px;}

.filefield-icon{ margin: 0px 7px 0px 0px; vertical-align: middle;}

#content_inner h4{font-family: "Trebuchet MS"; font-size: 24px; font-weight: bold; margin: 0 0 3px 0;}
#content_inner .box, #downloads  {font-size: 12px; font-family: Arial, Helvetica, sans-serif;  color: #999; font-weight: normal; }

.boxInstitucional {clear:both; margin-bottom: 40px;}
.boxInstitucional h4 {color: #28a8bc; margin-top: -3px !important;}
.boxInstitucional ul {background: #f2f2f2; border: 1px solid #ebe8e8; overflow: auto; padding-bottom: 13px;}
.boxInstitucional li{background:url(img/marc_institucional.gif) no-repeat; padding-left: 30px; width: 280px; float: left; margin: 12px 0 0 15px;}
.boxInstitucional a{color: #28a8bc; font-family: "Trebuchet MS"; font-size: 15px;  text-decoration: none; display: block; font-weight:bold;}

.view-id-2016_sustentabilidade_imagens  h4 {color: #5281c9; margin-top: -3px  !important;}
.view-id-2016_sustentabilidade_imagens{ margin-bottom: 20px;}
.view-id-2016_sustentabilidade_imagens img {border: 1px solid #ccc;}

#downloads {float: right;width: 296px; margin-top: 22px;}
#downloads h4{color: #609a49}
#downloads li{margin: 15px 0; background:url(img/marc_downloads.gif) no-repeat; padding-left: 25px;}
#downloads a {color: #609a49; font-size:14px; font-weight: bold; width: 125px; display: block;}

#downloads-pagina #downloads { float:none; width: 450px; margin-left: 40px;}
#downloads-pagina #downloads ul li {list-style:none;}


/* NÍVEL DOS RESERVATÓRIOS ----------------------------------------*/
.nivel-reservatorios { background: #d3e2ee;}
.nivel-reservatorios > div {display: inline-block;    margin: 0;    padding: 1em .7em .5em 1.3em;    min-width: 110px; vertical-align: top}
.nivel-reservatorios .views-field-field-nivel-reserv-icone-fid {float: left;}
.nivel-reservatorios .views-field-title {padding-bottom: 5px;    color: #3398cd;   font-size: .73em;   font-weight: 600;   text-transform: uppercase;}
.nivel-reservatorios .views-field-body p { color: #295983;    font-size: 1em;  font-weight: 600;  font-family: Arial;    display: inline-block;  margin: 5px 0 0 5px;}
.nivel-reservatorios a{color: #295983;  font-size: .9em; font-weight: 600;}
.nivel-reservatorios .views-field-edit-node {font-size: .7em;}
.nivel-reservatorios .rodape-view { background: #f7f7f7;    text-align: right;    font-size: .65em;    font-family: Arial; border-top: 20px solid #295983;}
span.fonte-reservatorios { margin-top: -3.1em; display: block; font-size: 10px;  color: #777;  margin-bottom: 3em;}

.nivel-reserv-atualizacao {color: #56aedc; display: block !important; font-size: 11px; padding: .1em 0 0 0 !important;}
.nivel-reserv-atualizacao div { margin-top: -1.6em !important; margin-left: 33.4em !important;}


/* DESTAQUES NA HOME EM ÍCONES  ---------------------------------  */
.destaques-home {    background: #e7e6e6; margin-bottom: 2em; padding-top: .5em;}
.destaques-home > div {    display: inline-block;    text-align: center;	vertical-align: top;}
.destaques-home > div a p {  text-transform: uppercase;    line-height: 1.15em;    font-family: Arial;
    color: #11548f;    font-weight: bold;    font-size: .84em;}
.destaques-home .destaque-P { width: 87px;  margin: 1em .5em;}
.destaques-home .destaque-M { width: 122px;  margin: 1em .5em;}


/* AVISO - SANEPAR INFORMA -----------------------------------------*/

.aviso-sanepar-informa { text-transform: uppercase;}
.aviso-sanepar-informa h1 { background: #eac386;  color: #fff; font-size: 1.2em; padding: 1.6em 0;  display: inline-block;  vertical-align: top;  font-family: 'kalinga'; width: 234px;}
.aviso-sanepar-informa > div { color: #757575; font-size: .85em; text-align: center;  background: #efe2d3;   margin-bottom: 2em;}
.aviso-sanepar-informa .chamada {  font-size: 13px;  display: inline-block;  width: 750px;  padding: 1.3em .8em 0 0;  font-family: 'kalinga';}
.aviso-sanepar-informa .chamada p {  display: inline;  line-height: 1.4em;  font-family: 'kalinga';  font-size: 13px;}
.aviso-sanepar-informa .chamada p a {color: #757575;} 
.aviso-sanepar-informa > div strong {color: #bc8837;}
.aviso-sanepar-informa h1.maior {padding: 2.4em;} 

/* ---------------------------------------------------------------------------*/

.not-front #content_inner ul li, .view-display-id-page_1 li .views-field-created,
.view-display-id-page_1 li .views-field-name {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #818181;
	line-height: 22px;
	list-style: disc;
}

.clientes-servicos h3 {
    font-size: 18px;
    font-weight: normal;
    font-family: Arial;
    color: #206E72;
    margin: 3em 0 1em;
    display: block;
    text-transform: uppercase;
}

.not-front  #content_inner ol {
	float: left;.auto
	margin: 15px 0 15px 25px ;
}
.not-front #content_inner ol li {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #226B74;
	line-height: 22px;
	list-style: numeric;
}

.not-front  #content_inner ol {
	float: left;
	margin: 15px 0 15px 25px ;
}
.not-front #content_inner table tr td, #node-25997 table tr td {
	border: 1px solid #F1F1F1;
	padding: 10px;
	font-size: 12px;
	color:#333;
}

.not-front #content_inner  table {
	background: #FFF;
}
.not-front #content_inner thead{
	background-color: #085E73;
	color: white;
}
.not-front #content_inner ol li ul{
	padding-left:15px;
}
.not-front #content_inner ul li {
	list-style: disc;
	color: #818181;	
}
.not-front #content_inner ul li  ul li{
	list-style: disc;
	color: #818181;
}
.not-front #content_inner ul li  ul li ul li{
	list-style: disc;
	color: #818181;
}
.not-front #sidebar {padding-top: 1px;}

/* jcarousel --------------------------------------------------------------------- */

.jcarousel-skin-default {
	background: url(img/acesso_rapido_titulo.jpg) no-repeat #61999f;
}
.jcarousel-skin-default .jcarousel-clip-horizontal {
	width: 770px;
}
.jcarousel-skin-default .jcarousel-item-horizontal {
	margin: 4px 2px;
}
.jcarousel-skin-default .jcarousel-container-horizontal {
	width: 817px;
	height: 86px;
	margin: 0 0 0 131px;
	overflow: hidden;
	padding: 0 0 0 40px;

}
.jcarousel-skin-default .jcarousel-next, .jcarousel-skin-default .jcarousel-prev{
	background-image: url(img/arrows.png); 
	width: 26px;
	height: 42px;
}

.jcarousel-skin-default .jcarousel-item{
	background: none;
	border: none;
	height:auto;
	width: 100px;
	background: url(img/acesso_rapido_separador.jpg) no-repeat right;
	padding: 7px 4px;
	height: 67px;
}

.jcarousel-skin-default .jcarousel-next-horizontal {top: 26px;	background-position: -2px 84px;}
.jcarousel-skin-default .jcarousel-next-horizontal:hover {	background-position: 74px 84px;}
.jcarousel-skin-default .jcarousel-prev-horizontal{	background-position: -26px 0;	top: 26px;}
.jcarousel-skin-default .jcarousel-prev-horizontal:hover{	background-position: -69px 0;}
/* -----------------------------------------------------------------------*/

.view-2016-acesso-rapido{
	width: 1000px;
	height: 86px;
	overflow: hidden;
	margin: -.5em 0 .5em 0;
	background-color: #518c93;	
}
.view-2016-acesso-rapido  a, .view-2016-acesso-rapido  a:hover {text-decoration: none;}

.view-2016-acesso-rapido  p, .acesso_rapido p{
	color: #FFF;
	text-transform: uppercase;
	line-height: 12px;
	font-size: 9px;
	margin: 0;
	padding: 0 5px;
}
.view-2016-acesso-rapido img, .acesso_rapido img{  width: 35px;	height: 35px;}
.view-2016-acesso-rapido li{
	width: 95px;
	text-align:center;
	float: left;
	border-right: 1px solid #75abb2;
	margin: 0 10px;	
	list-style: none !important;
}
/* -----------------------------------------------------------------------*/

.view-2016-sustentabilidade-artigos.view-display-id-block_1{margin-left: -30px;	height: 190px;}

#artigos-home {
	background-color:#FFFFFF;
	padding:15px;
	border: 1px solid #efefef;
	width: 288px;
	height: 125px;
	float: left;
	margin-left: 30px;
}

.view-2016-sustentabilidade-artigos .views-field-teaser p,
.view-2016-sustentabilidade-artigos .views-field-field-chamada-value{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #898A8B;
	line-height: 18px;
	margin: 3px 0 5px 0 !important;
	font-size: 12px;
}

.view-2016-sustentabilidade-artigos .views-field-title{
	font-family: "Trebuchet MS";
	font-weight: bold;
	font-size: 19px;
	color: #5281c9;
}

.not-front .view-2016-sustentabilidade-artigos {
	margin-left: 3px;
}
.not-front .view-2016-sustentabilidade-artigos .views-field-title{
	margin-top: 20px;
}

.not-front .view-2016-sustentabilidade-artigos a{
	text-decoration: none;
	color: #6DA9C3;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px}

.not-front .view-2016-sustentabilidade-artigos .views-field-view-node {padding-bottom: 20px;}

/* DOWNLOADS ------------------------------------------------- */

.view-id-2016_Downloads_Audios .views-field-field-ico-img-audio-fid,
.view-id-2016_Downloads_Videos .views-field-field-ico-img-audio-fid,
.view-id-2016_Download_Categoria .views-field-field-imagem-download-fid {margin-top: 30px; clear:both; float: left;}

.view-id-2016_Downloads_Audios img,
.view-id-2016_Downloads_Videos img,
.view-id-2016_Download_Categoria img{ margin: 0 20px 15px 0;}

.view-id-2016_Downloads_Audios .views-field-title,
.view-id-2016_Downloads_Videos .views-field-title,
.view-id-2016_Download_Categoria .views-field-title{ font-weight: bold; color: #5280c9; font-size: 18px; margin-top: 30px;}

.view-id-2016_Downloads_Audios a,
.view-id-2016_Downloads_Videos a,
.view-id-2016_Download_Categoria a {background: url(img/btn_download.gif) no-repeat top; padding: 7px 0 0 38px; color: #609A49; font-family: "Trebuchet MS"; font-size: 13px;   float: right; width: 77px; height: 23px; margin-bottom: 10px;}

.view-id-2016_Downloads_Audios a:hover,
.view-id-2016_Downloads_Videos a:hover,
.view-id-2016_Download_Categoria a:hover{text-decoration: none; background-position: bottom; color:#2875bc}

.view-id-2016_Downloads_Audios .views-field-field-link-arquivo-audio-value, 
.view-id-2016_Downloads_Videos .views-field-field-link-arquivo-audio-value, 
.view-id-2016_Download_Categoria .views-field-field-arquivo-download-fid { border-bottom: 1px solid #ccc;}

.view-id-2016_Downloads_Audios div,
.view-id-2016_Downloads_Videos div,
.view-id-2016_Download_Categoria div {overflow:auto;}

.view-id-2016_Downloads_Audios .views-field-field-videos-2016-embed a, .view-id-2016_Downloads_Videos .views-field-field-videos-2016-embed a{background: none; float: left; width: 140px; height: 90px; padding: 0;}

.view-id-2016_Downloads_Audios .emvideo-modal,
.view-id-2016_Downloads_Videos .emvideo-modal,
.view-id-2016_Downloads_Audios .views-field-field-videos-2016-embed,
.view-id-2016_Downloads_Videos .views-field-field-videos-2016-embed {overflow: visible}

.view-id-2016_Downloads_Audios .emvideo-thumbnail-replacement span,
.view-id-2016_Downloads_Videos .emvideo-thumbnail-replacement span {display:none}

.view-id-2016_Downloads_Audios .emvideo-modal img, 
.view-id-2016_Downloads_Videos .emvideo-modal img { margin-top: 30px;}

.view-id-2016_Downloads_Videos .views-field-body, .view-id-2016_Downloads_Audios .views-field-body, .view-id-2016_Download_Categoria .views-field-body {min-height: 50px;}

/* ----------------------------------------------------------- */

.premios p img{	width: 150px;	height: 110px;	margin-right: 15px;	}

.view-id-v_atendimento .item-list ul li {
	width: 300px;	
	list-style: none !important;
	margin: 5px;
	background:white;
	padding: 5px 10px;
	display: inline-block;	
}

.view-id-v_atendimento .item-list ul li img {vertical-align: middle;}
.view-id-v_atendimento .item-list ul li a{   color: #206E72;    font-weight: bold;    text-transform: uppercase;    font-size: 12px;}
.view-id-v_atendimento p em {display: block;	float: none;	clear: both;	text-align: right;}


/* ----------------------------------------------------------- */

/* Apagar o link de categorias nos nodes de Investidores*/
.node-type-perfil-investidores-2012  .terms-inline, #node-18648 {display:none;} 

.txt-informacao{
    background: url(img/ico-msg-informacao.png) no-repeat center left; 
    padding: .5em .5em .5em 2.6em;
    border-top: 2px solid #ecdcbd;
    border-bottom: 2px solid #ecdcbd;
    font-weight: bold;
    display: block;
}

.txt-atencao{
    background: url(img/ico-msg-atencao.png) no-repeat center left;
    padding: .5em .5em .5em 2.6em;
    border-top: 2px solid #ecd6cd;
    border-bottom: 2px solid #ecd6cd;
    font-weight: bold;
    display: block;
}

.txt-contato{
    background: url(img/ico-msg-contato.png) no-repeat center left;
    padding: .5em .5em .5em 2.6em;
    border-top: 2px solid #cbdde7;
    border-bottom: 2px solid #cbdde7;
    font-weight: bold;
    display: block;
}


/* ----------------------------------------------------------- */
.alerta {
display: block;
padding:30px;
overflow: auto;
width: 580px;
min-height: 200px;
border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
border: 4px solid #fff;
background-color: #fff3f4; /*#fdecee;*/
}

.alerta h5 {font-size: 18px; font-weight:bold; color:#98434d;}

#imgsSic img{vertical-align: middle; margin-right: 15px;}

.erro-validacao {
    color: #B21419;
    margin-bottom: 2em;
    font-weight: bold;
    font-size: 15px;
}


/*---- LOCAIS DE VISITAÇÃO ------------------------------------*/

#views-exposed-form-2016-visitacao-page-1 .views-exposed-widgets{
	padding: 13px 20px 20px;
	background-color: rgb(217, 230, 242);
	margin: 20px 0px 40px;
}

#views-exposed-form-2016-visitacao-page-1 .views-exposed-widgets label, .views-exposed-widgets label {
	font-size: 13px;
	color: rgb(85, 85, 85);
}
#views-exposed-form-2016-visitacao-page-1 .form-submit{
	background-color: rgb(82, 128, 201);
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	padding: 5px;
	font-size: 10px;
	margin-top: 2.3em;
}

#views-exposed-form-2016-visitacao-page-1 .form-select{
	padding: 3px;
	color: #666;
	margin: 3px 0px;
	font-size: 12px;
}

.view-2016-visitacao {font-family: Verdana;}

.view-2016-visitacao .voltar {float:right;}

.view-2016-visitacao table {
	margin-bottom: 40px;}
	
.view-2016-visitacao table a{text-decoration: none;
	color: #5280cd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;}

.view-2016-visitacao table .views-field-title{
	display: block;
	margin: 3px 0px 10px;
	color: #666;
}


.view-2016-visitacao .fotosVisitacao img{
	border: 1px solid #ebebeb;
	background-color: #FFF;
	padding: 12px;
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;}
	
.view-2016-visitacao .tituloVisitacao{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	color: #7a7a7a;
	font-weight: bold;
	text-decoration: none;
	line-height: 28px;
	display: block;
	padding-top: 2px;}

.view-2016-visitacao .views-field-body{
	clear:both;
}

.view-display-id-page_2 .views-field-field-tipo-value .field-content {
	color: #979797;
	font-size: 11px;
	display: block;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.view-display-id-page_2 .views-field-field-email-visitacao-value {
	display: block;
	background-color: rgb(255, 255, 255);
	padding: 20px;
	font-family: Verdana;
	font-size: 12px;
	color: rgb(53, 89, 146);
	border: 2px dotted #ccc;
	line-height: 25px;
}

.view-id-2016_visitacao.view-display-id-page_1  td{
	width: 138px;
	padding: 8px;
	vertical-align:top
}
	
/*-------------------------------------------------------------*/




/*---- TIME LINE MENU MEMÓRIA ---------------------------------*/

#cd-timeline{
  position: relative;
  padding: 0;
}

.cd-date {
    font-size: 33px !important;
    color: #0159A0;
    font-weight: bold;
    line-height: 0;
    font-family: "greatvictorian";
}
.data-da-timeline{
    margin-top: -10px;
	width: 600px;
	margin-left: -12px;
}

.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    height: 212px;
	margin-top: -17px;
	background-image: url('img/timeline/fundo-timeline.png');
  }

  .cd-timeline-block:first-child {
    margin-top: 0;
  }

  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}
.cd-timeline-img {
    width: 170px;
    height: 170px;
    /* left: 50%; */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    border-radius: 50%;
    box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    margin: 0 auto;
    /* text-align:center; */
    float: left;
    margin: 20px;
}
.cd-timeline-img img {
  display: block;
  height: 170px;
  width: auto;
  margin-left: -45px;
}
.cd-timeline-img.cd-picture {
  background: #75ce66;
}
.cd-timeline-img.cd-movie {
  background: #c03b44;
}
.cd-timeline-img.cd-location {
  background: #f0ca45;
}

.cd-timeline-content {
    /* position: relative; */
     margin-left: 17px;
    background: white;
    border-radius: 0.8em;
    box-shadow: 0px 4px 0 RGBA(1, 89, 160, 0.61);
    padding: 0px 45px 0px 45px;
    width: 67%;
    margin-top: 26px;
    border: 1px solid RGBA(1, 89, 160, 0.2);
    border-bottom: 26px solid #fff;
    height: 121px;
	overflow: hidden;
    float: left;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
  color: #444;
  font-size: 18px;
  margin-top: -10px;
  width: 600px;
  margin-left: -12px;
  font-family: "Trebuchet MS";
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  font-size: 13px;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
  display: inline-block;
}
.cd-timeline-content p {
  margin: -27px 0 32px -12px!important;
  line-height: 1.6;
  padding:0!important;
  width: 600px;
}
.cd-timeline-content .cd-read-more {
  float: right;
  padding: .8em 1em;
  background: #acb7c0;
  color: white;
  border-radius: 0.25em;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
  background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}

.view-id-2016_Memoria h3{
    margin: 20px 0 30px 0;
}
.overlay h2, .overlay h3{
    margin-top: 20px;
    padding: 0 30px;
    line-height: 30px;
}

.overlay{text-align:center;}

.overlay p{
    padding: 10px 30px;
}
.overlay .data-da-timeline{
    margin-top: 20px;
	margin-left: 24px;
	background-image: url('img/timeline/linha-tempo.png');
	height: 36px;
	width: 738px!important;
	padding-top: 2px;
}

.overlay .data-da-timeline span{
	background-color: #fff;
	padding: 12px;
	
}

.readmore{
width: 97px;
border: medium none;
float: right;
position: absolute;
top: 27px;
right: 11px;
}

.readmore a, .readmore2 a{
border:none;
}

.readmore2 span{
border: 1px solid rgb(97, 151, 194);
border-radius: 6%;
padding: 9px;
color: rgb(97, 151, 194);
}
.readmore2 {
float: right;
margin-top: 59px;
margin-right: -20px;
}

.readmore2 span:hover{
	background-color: #6197C2;
	color: #fff;
	text-decoration: none;
}

.readmore3 {
	width: 97px;
	height: 88px;
	position: absolute;
	top: 26px;
	right: 11px;
	border-top-right-radius: 11px;
	border-bottom-right-radius: 10px;
	background-color: rgb(97, 151, 194);
	text-align: center;
	font-size: 15px;
	font-family: verdana;
	padding-top: 63px;
}

.readmore3 span{
	color: #fff;
}

.readmore3:hover{
	background-color: #75A4CA;
	color: #fff;
	text-decoration: none;
}

.overlay .data-da-timeline{
	width: auto;
}

.overlay img{
	border: 4px solid rgb(255, 255, 255);
	box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.54);
	margin-top: 25px;
}

.views-field-field-imagem-museu-fid img, .views-field-field-imagem-galeria-fid img{
	width: 145px;
	height: 100px;
} 

.views-field-field-imagem-museu-fid .field-item, .views-field-field-imagem-galeria-fid .field-item  {
    border: 1px solid hsl(0, 0%, 82%);
	float: left;
	padding: 4px 4px 0;
  	background-color: #fff;
  	margin: 5px;
}

.views-field-field-imagem-galeria-fid .field-item  {
  	margin: 3px;
}

.views-field-field-imagem-museu-fid h3, .views-field-field-imagem-galeria-fid h3  {
	border-bottom: 1px solid hsl(0, 0%, 81%);
	text-transform: uppercase;
	margin: 15px 0 !important;
	font-family: kalinga;
	font-size: 16px;
	color: hsl(0, 0%, 51%);
}

/*------------------------------------------------------------*/


/*---- GOVERNANÇA CORPORATIVA - VIEWS ---------------------------------*/

.lista-governanca .conteudo-download {
	margin-bottom: 10px;
}

.lista-governanca  a{
	color:#333;	
}
.lista-governanca .views-field-title {
	font-size: 13px;
	font-weight: 700;
	color: #888;
	margin-bottom: 15px;
}
.lista-governanca > div {
	color:#666;
	font-size: 11px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	font-weight: normal;
	display: block;
	background: white;
	padding: 15px 20px;
	margin-bottom: 10px;
	border:1px solid #f1f1f1;
	width:93%;
	float:left;
}

.content_inner_int .leaf.first.menu-mlid-19096 {
    height: 137px;
}

/*------------------------------------------------------------*/


/*---- EXPOSED FILTER - VIEWS ---------------------------------*/


.views-exposed-form label {
	font-size: 13px;
	color: rgb(85, 85, 85);
}

.views-exposed-form .views-exposed-widget input[type="submit"] {
    background-color: rgb(82, 128, 201);
    color: rgb(255, 255, 255);
    font-size: 10px;
    margin-top: 2.3em;
    padding: 5px;
    text-transform: uppercase;
}

.views-exposed-form .views-exposed-widget input[type="button"] {
    background-color: rgb(82, 128, 201);
    color: rgb(255, 255, 255);
    font-size: 10px;
    margin-top: 2.3em;
    padding: 5px;
    text-transform: uppercase;
}

.date-views-filter-wrapper {
	min-width: 50px;
}

.views-exposed-form select {
    color: #666;
    font-size: 12px;
    margin: 3px 0;
    padding: 3px;
	 min-width: 100px;
}

.views-exposed-widgets {
    background-color: #f2f2f2;
    border: 1px solid #e4e4e4;
    margin: 20px 0;
    padding: 0px 20px 10px;
}

.page-historico-paradas-programadas-listagem .views-exposed-widgets {max-height: 80px; overflow: hidden;}
.page-historico-paradas-programadas-listagem td{padding: 10px;  font-size: 12px;}
.page-historico-paradas-programadas-listagem td.views-field.views-field-name { text-transform: uppercase;}

/*------------------------------------------------------------*/

/*---- Patrocinio ---------------------------------*/

.patrocinio-faixa {
	padding: 1em 2em;
    background: #5280C9;    
    width: 80%;
    margin: 0 auto;
    border-radius: 0px 30px 0px 30px;
    -moz-border-radius: 0px 30px 0px 30px;
    -webkit-border-radius: 0px 30px 0px 30px;    
}

.patrocinio-faixa p {
	color: #ffffff;
}


/*---- Centrais de Relacionamento ---------------------------------*/


.view-centrais-de-relacionamento {
    font-size: 12px;
	color: #333333;
}

.view-centrais-de-relacionamento .views-exposed-widgets {
    height: 60px;
	background-color: #dfdfdf;
    padding: 1em 3em;
}

.view-centrais-de-relacionamento .views-exposed-form .views-exposed-widget input[type="submit"], .view-centrais-de-relacionamento .views-exposed-form .views-exposed-widget input[type="button"] {
    background-color: rgb(34, 107, 116);
    margin-top: 1.8em;
    margin-left: 1em;
    padding: 6px;
}

.view-centrais-de-relacionamento table {	
    width: 100%;
    background-color: rgb(235, 235, 235) !important;
    font-size: 12px;
    color: #333;
    border-bottom: 2px solid #226b74;
    border-top: 2px solid #226b74;
}

.view-centrais-de-relacionamento table thead th{
    background-color: #f8f8f8;
    color: #226b74;
}

th.views-field.views-field-field-telefone-centrais-value {
    width: 12%;
}

.view-centrais-de-relacionamento tr.even, .view-centrais-de-relacionamento tr.odd {
    border-bottom: 0;
}
.view-centrais-de-relacionamento table th, .view-centrais-de-relacionamento table td{
    padding: 7px 10px;
}

#edit-field-endereco-centrais-value {
	padding: 4px;
	margin-top: 3px;
}

.view-centrais-de-relacionamento  .item-list ul li {
    margin-right: 0;
	font-size: 14px;
}

.view-centrais-de-relacionamento  .pager-current {
    background: rgb(34, 107, 116);
}

.view-centrais-de-relacionamento  .pager-item:hover {
    background: #dfdfdf;
}

.view-centrais-de-relacionamento  .pager-item:hover a {
	color: #333333!important;
}

.pager-current{
	background:rgb(82, 128, 201);
	color:#fff !important;
}
.pager-item:hover{
	background:rgb(82, 128, 201);
}
.pager-item:hover a{
	color:#fff !important;
}
.pager-item a{
	font-size:12px !important;
	color:#666;
}

table#tab-servicos-topo-centrais {
    background-color: rgb(230, 230, 230) !important;
}

table#tab-servicos-topo-centrais a {
    color: #206E72;
    font-weight: bold;
    padding: 0.4em;
    display: block;
}

table#tab-servicos-topo-centrais img {
    width: 27px;
    float: left;
    margin: -5px 10px 0 0;
}

.node-type-informacoes #midias-topo, .page-servicos-atendimento #midias-topo, .node-type-cli-qualidade #midias-topo, .page-paradas-no-abastecimento #midias-topo {background: #226B74;}
.node-type-informacoes #midias-topo h1, .page-servicos-atendimento #midias-topo h1, .node-type-cli-qualidade #midias-topo h1, .page-paradas-no-abastecimento #midias-topo h1{color: white;}

/*------------------------------------------------------------*/


/*---- Pagina de Login site ---------------------------------*/

.page-user form#user-login, .page-user form#user-profile-form {
    background-color: #ffffff;
    padding: 10px 20px;
}

.page-user  input[type=text], .page-user  input[type=password] {
    background: #F7F7F7;
    border: 1px solid #b5b5b5;
    padding: 10px 15px;
    margin-top: 2px;
}

.page-user input:focus {
	outline: 1px solid #5280c9 ;
}

.page-user .description {
    font-size: 12px;
    color: #666;
    margin-top: 2px;
}

.page-user label {
    font-size: 14px;
    color: #666;
    margin-top: 3px;
}

.page-user input[type=submit] {
	padding: 5px 15px;
}

.page-user input[type=submit]:hover {
	background: #ccc;
}





/*--- RESULTADO DE ANÁLISES ----------------------------------*/

.node-type-cli-qualidade .terms.terms-inline { display: none;}

#form-pesq {padding: 1.5em;  background-color: rgb(217, 230, 242); margin: 2em 0; text-align: center;}
#form-pesq select{display: inline-block; border: 1px solid #b5b5b5; padding: .5em 1em; margin-top: 2px; color: #666;}
#form-pesq p{display: inline-block;}
#form-pesq input{background-color: #5280c9; color: #fff; text-transform: uppercase; padding: .8em;  font-size: 11px;}
#form-pesq input:hover{background-color: #72B3DB; cursor: pointer;}


#top-analises th{background: url(https://sitedev.sanepar.com.br/sites/site.sanepar.com.br/files/imgtopanalises_0.png) no-repeat center center #ddd; padding: .4em;}
#top-analises {background-color: white;}
#top-analises td{padding: 1em; font-size: .75em; text-align: center; text-transform: uppercase;}

#result-analises .conceito{font-size: .7em !important; color: #aaa !important; text-align: justify; font-weight: normal;}
#result-analises .titulo-resultado{font-size: 1.1em; color: #5280c9;}
#result-analises th {border: 1px solid #f8f8f8;  background: #5280c9;  color: #fff;  text-align: center !important;  font-size: .9em;  padding: 1em; vertical-align: top;}
#result-analises td {text-align: center; font-size: .8em !important; font-weight: bold; padding: .5em; background: white; border: 1px solid #ddd;}

th.titulo-tabela{width: 135px;}

.css-img-loading {background:url(img/aguarde.gif) no-repeat center center; min-height: 20px;}
.css-img-loading-fatura {background:url(img/aguarde.gif) no-repeat center center; display: block; min-height: 200px;}

.analise-asterisco{color: #1cc9e3; font-size: 1.5em; font-weight: bold;}
.view-centrais-de-relacionamento .titulo{background-color: #226b74; color: #fff; padding: .5em; font-size:15px; text-align: center;}
.view-centrais-de-relacionamento .titulo a {color: #a7f2fa;}


/*------------------------------------------------------------*/

.txt-alerta { color: #bd0f0f; font-weight: bold;}

/*--TRABALHE CONOSCO - CONCURSO ----------------------------------*/

#menu-concursos-page-ano{
    margin-bottom: 10px;
    padding-top: 20px;
    display: inline-block;
    margin-left: 10px;
    width: 145px;
    height: 150px;
    text-align: center;
    background-color: #ddd;
    border: 1px solid #58a8f4;    
}
#menu-concursos-convocacoes {
    width:640px;
    margin-bottom:15px;
    padding:5px;
    text-align:center;
    background-color:#d2d6db;
    border:1px solid #58a8f4;
    color:#58a8f4;
    margin-left:15px;
}
#menu-concursos-page-ano span {
    color: #727272;
    font-size: 12px;
}
#menu-concursos-convocacoes a{
    font-size:22px;
}

#menu-concursos-page-ano a {
    font-size:22px;
    line-height:26px;
}
#menu-concursos-page-ano-concurso{
    margin:10px;
}
#menu-concursos-page-ano-concurso a {
    font-size:12px;
    line-height:16px;
}


/*------------------------------------------------------------*/


/* COM LOGO: */

.submitted{font-size: 13px; font-style: italic; color: #A1A1A1; padding-top: 15px; display: block; text-transform:none}
.content_inner_int{text-transform:uppercase}
#content_inner p, .content_inner_int div, .content_inner_int table{text-transform:none} 
/*.informacoes-cliente { height: 400px !important}
.autoatendimento { height: 400px !important}*/

.node-type-noticias .content_inner_int{text-transform: initial}
.node-type-noticias #content_inner ul{padding-left: 2em;}

/* BANCOS: */

.node ul {
    margin-left: 1.5em;
}

.node-type-bancos .submitted {
    display: none;
}

.node-type-bancos .node a {
    display: block;
    margin-left: 30px;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 12px;
    line-height: 2;
    color: #2367d2;
    text-decoration: none;
}

.node-type-bancos .node a::before {
    width: 25px;
    height: 25px;
    content: "";
    background-image: url(/sites/site.sanepar.com.br/files/ico_internet.gif);
    position: absolute;
    margin-left: -30px;
}

.limpar{clear: both; margin-top: 1em;}

/* PÁGINA DE GOVERNANÇA CORPORATIVA - 2020 -------------------------------*/
ul#box-destaque {
    padding: 1em 1em 1em 3em;
    background: #e1e4e5;
    margin: 1em auto;
    border-radius: 0px 30px 0px 30px;
    -moz-border-radius: 0px 30px 0px 30px;
    -webkit-border-radius: 0px 30px 0px 30px;
    -moz-column-width: 250px;
	-moz-column-gap: 56px;
	-webkit-column-width: 250px;
	-webkit-column-gap: 56px;
	column-width: 280px;
    column-gap: 26px;
}

ul#box-destaque li{width: 90%;}




.view-centrais-de-relacionamento .titulo{background-color: #226b74; color: #fff; padding: .5em; font-size:15px; text-align: center; margin: 1em 0 0 0;}
.view-centrais-de-relacionamento .titulo a {color: #a7f2fa;} 


/*--- TOPO TELAS RODIZIO - MENU 1 2 3 --------------------------*/

div#menu-rdz-g {clear: both; margin: 2em 0;}

.box-rodizio {width: 31%; display: inline-block; margin-right: 1.8%; vertical-align: top; border: 1px solid #6ba661; font-family: Arial; color: #fff;}

.box-um {background: #6ba661;}
.box-dois {background: #4b8542;}
.box-tres {background: #305f27;}

.box-rodizio h1 {font-size: 60px; width: 12%; display: inline-block; margin: 0; padding: 0 .2em;}
.box-rodizio h2 {width: 70%; font-size: 16px; display: inline-block; vertical-align: top; margin-top: 1em;}
.box-rodizio h2 a {color: #fff; text-decoration: none; font-weight: bold;}
.box-rodizio h3 {background: #fff; color: #818181; font-size: 13px; font-weight: normal; padding: .9em; line-height: 1.3em; height: 50px; margin: 0; font-family: Arial; text-transform: none;}

div#menu-rdz-p {clear: both; margin: 1em 0; padding-left: 40%; text-align: right;}
#menu-rdz-p .box-rodizio {margin-right: 0; margin-left: 1%; text-align: left;}
#menu-rdz-p h1 {font-size: 28px; padding: 0 0 0 .2em;}
#menu-rdz-p h2 {font-size: 10px; margin: .5em;}

.inativo {background: #bbbb; border-color: #999;}
div#mapa-mobile {height: 41px; /*border-bottom: 2px solid #007AC2;*/}

/*---- TÍTULO DO MAPA POR REGIÃO E DEIXAR OCULTO CAMPO DE BUSCA----------------------------- */
#bc_outer .top-bar {background: #007AC2;}
#bc_outer .top-menu-right {background: #007AC2;}
#bc_outer .app-title {color: #fff;}
#bc_outer .locate-box {display: none;}
#bc_outer .toggle-grey-on {color: #fff;}


/*------- ACCORDION PROGRAMA INTEGRIDADE -------------------------*/

.accordion-item {margin:.5em 0;}
.accordion-item input{display:none;}
.accordion-item label{cursor:pointer;}
.accordion-content{
    max-height: 0px;
    overflow: hidden;
    -webkit-transition: max-height 0.3s ease-in-out;
    -moz-transition: max-height 0.3s ease-in-out;
    -o-transition: max-height 0.3s ease-in-out;
    -ms-transition: max-height 0.3s ease-in-out;
    transition: max-height 0.3s ease-in-out;
 }
[id^=accordion]:checked ~ .accordion-content {max-height:1540px;}
div.accordion-content p:first-child { display: block !important;}




/*---- Banner popup onload ----------------------------*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#777;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  display:none;
  z-index:9999;
  width:440px;
  height:200px;
  padding:20px;
}
 
#boxes #dialog2 {
  background:transparent; 
  width:600px;
  margin:0 auto;
  margin-top:-160px;
}
 
.close{display: block;
    text-align: right;
    padding: 4px 12px;
    background: #5280c9;
    color:#ffffff;
    font-weight: bold;
    font-size: 1em;
   cursor: pointer;}


/* --- AVISO DE COOKIES ------------------------------------------------------ */

.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}


/*---- TABELA DE BANCOS ---------------------------------*/
.view-onde-pagar tr.odd {background-color: #ececec !important;}
.view-onde-pagar td.active {background-color: inherit; width: 183px; font-weight: bold}
.view-onde-pagar td p {margin: 0 !important;}
.view-onde-pagar td > ul{margin-left: 2em;}
.view-onde-pagar td a {margin-bottom: 1.2em; display: block; line-height: 16px !important; color: #226B74;}
.node-type-clientes-2012 .content_inner_int a{color: #226B74;}
.view-onde-pagar th {padding: 0.7em; font-size: 1.2em; background: #226B74;}
.node-type-clientes-2012 .box_bg { margin: 2em 0;}
.node-type-clientes-2012 .titulo_bloco{font-size: 1.5em !important; color: #5AB4BD !important;}


/* MENSAGEM ALERTA COBRANÇA INDEVIDA ------------------------------------*/
.msg-alerta { padding: 1em 2em; background: url(https://site.sanepar.com.br/sites/site.sanepar.com.br/files/alerta-cobranca-dinheiro.png) no-repeat #75abb2;}
.msg-alerta p { color: #fff; text-transform: uppercase !important; margin-left: 10em;}
.msg-alerta a { color: #194d53;}